/* Header alignment */
.site-main a,
a{
  text-decoration:none;
}
.ca-topbar{
  min-height:60px;
}
.ca-topbar__inner{
  display:flex;
  align-items:center;
  gap:16px;
  padding:12px 20px;
  min-height:60px;
  box-sizing:border-box;
}
.ca-topbar__brand{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
  line-height:1;
  text-decoration:none;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-topbar__brand-img{
  width:36px;
  height:36px;
  display:block;
  flex-shrink:0;
  object-fit:contain;
}
/* Platform logo (horizontal wordmark) on non-login pages */
.ca-topbar__brand-img--platform{
  width:auto;
  max-height:36px;
  height:auto;
}
.ca-topbar__brand-name{
  display:none; /* Logo only on all pages */
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight:700;
  font-size:1.25rem;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-topbar__brand-name sup{
  font-size:0.6em;
  font-weight:600;
  vertical-align:super;
  line-height:0;
}

/* Login / sign-up: topbar without header wordmark (centered auth logo remains) */
.ca-topbar--login{
  width:100%;
}
.ca-topbar--login .ca-topbar__brand{
  display:none;
}
.ca-topbar--login .ca-topbar__inner{
  width:100%;
  justify-content:flex-start;
}
.ca-topbar--onboarding .ca-topbar__inner{
  justify-content:space-between;
  max-width:100%;
  flex-wrap:wrap;
}
.ca-topbar__nav--end{
  margin-left:auto;
}
.ca-topbar__login-btn{
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  color:var(--ca-t-white, #ffffff);
  background:var(--ca-s-blue-600, #2563eb);
  text-decoration:none;
  padding:10px 18px;
  border-radius:10px;
  transition:background .2s, box-shadow .2s;
  white-space:nowrap;
}
.ca-topbar__login-btn:hover{
  color:var(--ca-t-white, #ffffff);
  background:var(--ca-s-blue-700, #1d4ed8);
  box-shadow:0 1px 3px rgba(37, 99, 235, .35);
}
.ca-topbar__nav{
  display:flex;
  align-items:center;
  gap:8px;
}
.ca-topbar__nav-link{
  font-size:14px;
  font-weight:500;
  color:var(--ca-t-gray-500, #6b7280);
  text-decoration:none;
  padding:8px 16px;
  border-radius:8px;
  transition:color .2s, background .2s;
}
.ca-topbar__nav-link:hover{
  color:var(--ca-t-gray-900, #111827);
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-topbar__nav-link--active{
  color:var(--ca-t-blue-600, #2563eb);
  font-weight:600;
}

/* Button */
.ca-btn{
  appearance:none;
  border:0;
  cursor:pointer;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  font-weight:600;
  padding:12px 22px;
  border-radius:10px;
  color:var(--ca-t-white, #ffffff);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-sizing:border-box;
}
.ca-btn__text{
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  font-weight:300;
  font-size: 16px;
}
.ca-btn__arrow{
  width:16px;
  height:16px;
  flex-shrink:0;
}
.ca-btn-gradient{
  background: linear-gradient(90deg, var(--ca-s-violet-600, #7c3aed), var(--ca-s-blue-600, #2563eb));
  box-shadow: 0 0 0 rgba(0,0,0,0);
  transition: box-shadow 160ms ease, transform 160ms ease, opacity 160ms ease;
}
.ca-btn-gradient:hover{
  box-shadow: 0 12px 30px rgba(0,0,0,0.18);
}
.ca-btn-gradient:active{
  transform: translateY(1px);
}

.ca-btn-dark{
  background:var(--ca-s-slate-900, #0f172a);
  color:var(--ca-t-white, #ffffff);
  border-radius:10px;
  border:0;
  padding:10px 16px;
  font-weight:700;
}
.ca-btn-purple{
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
  border-radius:10px;
  border:0;
  padding:10px 16px;
  font-weight:700;
}

/* Coming soon: gray out and non-clickable (tooltip via title="Coming soon") */
.ca-coming-soon{
  opacity:0.6;
  cursor:not-allowed;
  pointer-events:auto;
}
.ca-coming-soon:hover{
  opacity:0.7;
}

/* Modal base */
.ca-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.ca-modal.is-open{
  display:flex;
}
body.ca-modal-open{
  overflow:hidden;
}

/* Blurred backdrop */
.ca-modal__backdrop{
  position:absolute;
  inset:0;
  background: rgba(17, 24, 39, 0.35);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Panel */
.ca-modal__panel{
  position:relative;
  width:100%;
  max-width:1120px;
  background:var(--ca-s-white, #ffffff);
  border-radius:16px;
  box-shadow: 0 30px 70px rgba(0,0,0,0.25);
  overflow:hidden;
  max-height: calc(100vh - 48px);
}

/* Step 1 modal size only */
.ca-modal--step1 .ca-modal__panel{
  max-width:920px;
}

/* Top row */
.ca-modal__top{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:24px 28px;
  position:relative;
  border-bottom: 1px solid var(--ca-s-gray-100, #f3f4f6);
}
.ca-modal__step{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-modal__close{
  position:absolute;
  right:24px;
  top:24px;
  width:36px;
  height:36px;
  border-radius:999px;
  border:0;
  background:transparent;
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}
.ca-modal__close svg{
  display:block;
  flex-shrink:0;
}
.ca-modal__close:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-900, #111827);
}

/* Body */
.ca-modal__body{
  padding:36px 48px 44px;
  max-height: calc(100vh - 130px);
  overflow:auto;
  -webkit-overflow-scrolling: touch;
}

/* Hide steps by default so we do not flash content */
#caStep2ISV,
#caStep2Seller,
#caStepISVScheduleCall,
#caStepISVDealApp{
  display:none;
}

.ca-modal__title{
  text-align:center;
  margin:20px 0 12px;
  font-size:38px;
  line-height:1.15;
  font-weight:650;
  color:var(--ca-t-gray-900, #111827);
}
.ca-modal__subtitle{
  text-align:center;
  margin:0 0 16px;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
}
.ca-modal__options{
  margin-top:28px;
  display:flex;
  flex-direction:column;
  gap:24px;
}

/* Option cards */
.ca-option{
  width:100%;
  text-align:left;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
  padding:24px 26px 22px;
  cursor:pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.ca-option:hover{
  border-color:var(--ca-s-blue-300, #93c5fd);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18), 0 10px 24px rgba(0,0,0,0.08);
}
.ca-option:focus:not(:hover){
  outline:none;
  box-shadow:none;
  border-color:var(--ca-s-gray-200, #e5e7eb);
}
.ca-option__title{
  font-weight:650;
  color:var(--ca-t-gray-900, #111827);
  font-size:18px;
}
.ca-option__desc{
  margin-top:8px;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
  line-height:1.5;
  max-width:620px;
}
.ca-option__cta{
  margin-top:12px;
  color:var(--ca-t-blue-600, #2563eb);
  font-weight:600;
  font-size:14px;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.ca-option__arrow{
  transition: transform 160ms ease;
}
.ca-option:hover .ca-option__arrow{
  transform: translateX(2px);
}

/* Step 2 ISV */
.ca-step2-title{
  text-align:center;
  margin:6px 0 6px;
  font-size:44px;
  line-height:1.1;
  font-weight:750;
  color:var(--ca-t-gray-900, #111827);
}
.ca-step2-subtitle{
  text-align:center;
  margin:0;
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:14px;
}

.ca-step2-cards{
  margin-top:26px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:18px;
  align-items:stretch;
}

.ca-step2-card{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:16px;
  background:var(--ca-s-white, #ffffff);
  padding:22px;
  display:flex;
  flex-direction:column;
  box-shadow: 0 10px 26px rgba(0,0,0,0.06);
  min-height:460px;
}

.ca-step2-card.selected{
  border-color:var(--ca-s-blue-500, #3b82f6);
  box-shadow: 0 18px 38px rgba(59,130,246,0.18);
}

.ca-step2-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}

.ca-step2-icon{
  width:46px;
  height:46px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ca-step2-icon.blue{ background: rgba(59,130,246,0.15); color:var(--ca-t-blue-600, #2563eb); }
.ca-step2-icon.purple{ background: rgba(147,51,234,0.12); color:var(--ca-t-violet-600, #7c3aed); }
.ca-step2-icon.indigo{ background: rgba(79,70,229,0.12); color:var(--ca-t-indigo-600, #4f46e5); }

.ca-step2-badge{
  font-size:12px;
  font-weight:650;
  padding:6px 10px;
  border-radius:999px;
  white-space:nowrap;
  color:var(--ca-t-white, #ffffff);
}
.ca-step2-badge.blue{ background:var(--ca-s-blue-700, #1d4ed8); }
.ca-step2-badge.indigo{ background:var(--ca-s-indigo-700, #4338ca); }

.ca-step2-card-title{
  font-size:16px;
  font-weight:800;
  color:var(--ca-t-gray-900, #111827);
  margin-top:6px;
}

.ca-step2-card-desc{
  font-size:13px;
  line-height:1.55;
  color:var(--ca-t-gray-500, #6b7280);
  margin-top:10px;
}

.ca-step2-bullets{
  margin:14px 0 0;
  padding-left:18px;
  color:var(--ca-t-gray-700, #374151);
  font-size:13px;
  line-height:1.55;
}
.ca-step2-bullets li{ margin:8px 0; }
.ca-step2-bullets li::marker{ color:var(--ca-t-blue-600, #2563eb); }

.ca-step2-readmore{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  font-weight:650;
  color:var(--ca-t-blue-600, #2563eb);
  text-decoration:none;
  padding-top:12px;
}
.ca-step2-readmore.purple{ color:var(--ca-t-violet-600, #7c3aed); }
.ca-step2-readmore.indigo{ color:var(--ca-t-indigo-600, #4f46e5); }

.ca-step2-cta{
  margin-top:12px;
  width:100%;
  border:0;
  border-radius:12px;
  padding:12px 14px;
  font-weight:800;
  color:var(--ca-t-white, #ffffff);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.ca-step2-cta.blue{ background:var(--ca-s-blue-600, #2563eb); }
.ca-step2-cta.purple{ background:var(--ca-s-violet-600, #7c3aed); }
.ca-step2-cta.indigo{ background:var(--ca-s-indigo-600, #4f46e5); }

.ca-step2-back{
  margin:18px auto 0;
  display:block;
  border:0;
  background:transparent;
  color:var(--ca-t-gray-500, #6b7280);
  font-weight:650;
  cursor:pointer;
}
.ca-step2-back:hover{ color:var(--ca-t-gray-900, #111827); }

/* Seller step (cloud cards) */
.ca-cloud-cards{
  margin-top:22px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:16px;
}

.ca-cloud-card{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:16px;
  background:var(--ca-s-white, #ffffff);
  padding:22px 18px;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-shadow: 0 10px 26px rgba(0,0,0,0.06);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.ca-cloud-card:hover{
  border-color:var(--ca-s-gray-300, #d1d5db);
  box-shadow: 0 14px 32px rgba(0,0,0,0.10);
}
.ca-cloud-logo{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
  min-height:48px;
}
.ca-cloud-logo img{
  max-width:140px;
  height:auto;
  display:block;
}
.ca-cloud-name{
  font-weight:800;
  color:var(--ca-t-gray-900, #111827);
  font-size:16px;
  margin-top:6px;
}
.ca-cloud-continue{
  margin-top:10px;
  color:var(--ca-t-blue-600, #2563eb);
  font-weight:700;
  font-size:13px;
  display:flex;
  align-items:center;
  gap:8px;
}

.ca-seller-bottom{
  margin-top:18px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:16px;
  padding:18px;
  background:var(--ca-s-white, #ffffff);
  text-align:center;
}
.ca-seller-bottom-title{
  font-weight:800;
  color:var(--ca-t-gray-900, #111827);
  margin:2px 0 8px;
}
.ca-seller-bottom-desc{
  color:var(--ca-t-gray-500, #6b7280);
  font-size:13px;
  line-height:1.55;
  max-width:760px;
  margin:0 auto 14px;
}
.ca-seller-bottom-desc span{
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:12px;
}
.ca-seller-bottom-cta{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-white, #ffffff);
  border-radius:12px;
  padding:10px 16px;
  cursor:pointer;
  font-weight:750;
  color:var(--ca-t-gray-900, #111827);
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.ca-seller-bottom-cta:hover{
  border-color:var(--ca-s-gray-300, #d1d5db);
  box-shadow: 0 10px 22px rgba(0,0,0,0.08);
}

/* Embedded views (Bookme, QForm) */
.ca-embed-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:16px 18px;
  border-bottom: 1px solid var(--ca-s-gray-100, #f3f4f6);
  background:var(--ca-s-white, #ffffff);
  position:sticky;
  top:0;
  z-index:2;
}
.ca-embed-title{
  font-weight:800;
  color:var(--ca-t-gray-900, #111827);
  font-size:18px;
}
.ca-embed-close{
  width:36px;
  height:36px;
  border-radius:999px;
  border:0;
  background:transparent;
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}
.ca-embed-close:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-900, #111827);
}
.ca-embed-close svg{
  display:block;
  flex-shrink:0;
}
.ca-embed-body{
  padding:18px 18px 22px;
}
.ca-embed-body iframe{
  width:100%;
  border:0;
}

/* If QForm outputs long content, keep it contained nicely */
.ca-embed-body .quform,
.ca-embed-body form{
  max-width: 100%;
}

/* Quform embed styling (modal only) */
.ca-embed-body .quform{
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-embed-body .quform .quform-element{
  margin-bottom:18px;
}
.ca-embed-body .quform .quform-label-text{
  color:var(--ca-t-x6b76ff, #6b76ff);
  font-weight:600;
  font-size:20px;
}
.ca-embed-body .quform .quform-sub-label{
  color:var(--ca-t-x6b76ff, #6b76ff);
  font-size:13px;
  margin-top:6px;
}
.ca-embed-body .quform .quform-field{
  width:100%;
  background:transparent;
  border:0;
  border-bottom:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:0;
  padding:8px 0;
  font-size:18px;
  line-height:1.4;
  color:var(--ca-t-slate-900, #0f172a);
  box-shadow:none;
}
.ca-embed-body .quform .quform-field:focus{
  outline:none;
  border-bottom-color:var(--ca-s-x6b76ff, #6b76ff);
}
.ca-embed-body .quform .quform-input{
  margin-top:6px;
}
.ca-embed-body .quform .quform-button-next .quform-next,
.ca-embed-body .quform .quform-button-submit .quform-submit{
  appearance:none;
  border:0;
  background:var(--ca-s-x6b76ff, #6b76ff);
  color:var(--ca-t-white, #ffffff);
  font-weight:700;
  padding:10px 18px;
  border-radius:8px;
  cursor:pointer;
}
.ca-embed-body .quform .quform-button-back .quform-back{
  appearance:none;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-slate-900, #0f172a);
  font-weight:600;
  padding:10px 16px;
  border-radius:8px;
  cursor:pointer;
}

/* Quform option groups (radios) */
.ca-embed-body .quform .quform-options-simple{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ca-embed-body .quform .quform-option{
  position:relative;
}
.ca-embed-body .quform .quform-option input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.ca-embed-body .quform .quform-option-label{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:10px;
  background:var(--ca-s-gray-100, #f3f4f6);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  color:var(--ca-t-slate-900, #0f172a);
  font-weight:600;
}
.ca-embed-body .quform .quform-option-label::before{
  content:"";
  width:16px;
  height:16px;
  border-radius:999px;
  border:2px solid var(--ca-s-gray-400, #9ca3af);
  background:var(--ca-s-white, #ffffff);
  flex:0 0 16px;
}
.ca-embed-body .quform .quform-option input:checked + .quform-option-label{
  border-color:var(--ca-s-gray-900, #111827);
  background:var(--ca-s-slate-50, #f8fafc);
}
.ca-embed-body .quform .quform-option input:checked + .quform-option-label::before{
  border-color:var(--ca-s-gray-900, #111827);
  background:var(--ca-s-gray-900, #111827);
  box-shadow: inset 0 0 0 3px var(--ca-s-white, #ffffff);
}
.ca-embed-body .quform .quform-option-label:hover{
  border-color:var(--ca-s-xcbd5f5, #cbd5f5);
  background:var(--ca-s-indigo-50, #eef2ff);
}

/* Responsive: 3 cols desktop, 2 cols tablet, 1 col mobile */
@media (max-width: 1100px){
  .ca-step2-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:14px;
  }
  .ca-step2-card{
    min-height:auto;
  }

  .ca-cloud-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px){
  .ca-modal{
    padding:16px;
  }
  .ca-modal__panel{
    width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
  }
  .ca-upload-modal__panel{
    width: calc(100vw - 32px);
    height: auto;
    max-height: calc(100vh - 32px);
    padding:20px;
  }
  .ca-modal__body{
    padding:18px 18px 22px;
    max-height: calc(100vh - 120px);
  }
  .ca-upload-modal__body{
    padding:16px 18px 14px;
  }
  .ca-step2-title{
    font-size:34px;
  }
}

@media (max-width: 780px){
  .ca-step2-cards{
    grid-template-columns: 1fr;
    gap:12px;
    margin-top:14px;
  }
  .ca-cloud-cards{
    grid-template-columns: 1fr;
    gap:12px;
  }
}

@media (max-width: 768px){
  .ca-modal__top{
    padding:18px 20px;
  }
  .ca-modal__close{
    top:18px;
    right:18px;
  }
  .ca-modal__title{
    font-size:28px;
    line-height:1.15;
    margin:16px 0 10px;
  }
  .ca-modal__subtitle{
    font-size:13px;
    margin:0 0 12px;
  }

  .ca-step2-title{
    font-size:28px;
    margin:6px 0 8px;
  }
  .ca-step2-subtitle{
    font-size:13px;
    margin:0 0 8px;
  }
  .ca-step2-card{
    padding:14px;
    border-radius:14px;
  }
  .ca-step2-icon{
    width:40px;
    height:40px;
  }
  .ca-step2-badge{
    font-size:11px;
    padding:5px 9px;
  }
  .ca-step2-card-title{
    font-size:15px;
  }
  .ca-step2-bullets{
    margin-top:10px;
    font-size:13px;
  }
  .ca-step2-cta{
    padding:12px 12px;
  }
  .ca-step2-back{
    margin-top:12px;
  }

  .ca-embed-title{
    font-size:16px;
  }
  .ca-embed-body{
    padding:12px 12px 16px;
  }
}

@media (max-width: 520px){
  .ca-modal{
    padding:12px;
  }
  .ca-modal__panel{
    width: calc(100vw - 16px);
    max-height: calc(100vh - 16px);
    border-radius:16px;
  }
  .ca-modal__body{
    padding:12px 12px 16px;
    max-height: calc(100vh - 110px);
  }
  .ca-upload-modal__body{
    padding:12px 12px 12px;
  }
  .ca-modal__title{
    font-size:24px;
  }
}

@media (max-width: 420px){
  .ca-step2-title{ font-size:24px; }
}

/* --- Onboarding + Dashboard Templates --- */
/* Logo top bar is shown on onboarding/questionnaire; footer stays hidden for a focused flow */
.ca-layout--onboarding .site-footer,
.ca-layout--dashboard .site-header,
.ca-layout--dashboard .site-footer{
  display:none;
}

/* Site footer – centered, subtle */
.ca-site-footer{
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  margin-top:auto;
  padding:28px 24px 32px;
  background:linear-gradient(180deg, var(--ca-s-slate-50, #f8fafc) 0%, var(--ca-s-slate-100, #f1f5f9) 100%);
  border-top:1px solid var(--ca-s-slate-200, #e2e8f0);
  text-align:center;
  overflow-x:hidden;
}
.ca-site-footer__inner{
  box-sizing:border-box;
  max-width:960px;
  margin:0 auto;
  padding:0;
}
.ca-site-footer__legal{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:6px 0;
  margin:0;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  font-size:13px;
  line-height:1.6;
  color:var(--ca-t-slate-500, #64748b);
  letter-spacing:0.01em;
  font-weight:400;
}
.ca-site-footer__copy{
  margin:0;
  color:var(--ca-t-slate-500, #64748b);
}
.ca-site-footer__sep{
  margin:0 8px;
  color:var(--ca-t-slate-400, #94a3b8);
  user-select:none;
}
.ca-site-footer__link{
  color:var(--ca-t-slate-500, #64748b);
  text-decoration:none;
}
.ca-site-footer__link:hover,
.ca-site-footer__link:focus-visible{
  color:var(--ca-t-slate-700, #334155);
  text-decoration:underline;
}

/* Legal documents */
.ca-legal-page{
  min-height:calc(100vh - 60px);
  background:var(--ca-s-slate-50, #f8fafc);
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-legal-document__hero{
  background:
    radial-gradient(circle at 12% 10%, rgba(124,92,255,.13), transparent 32rem),
    linear-gradient(135deg, var(--ca-s-slate-900, #0f172a) 0%, var(--ca-s-blue-950, #172554) 100%);
  color:var(--ca-t-white, #ffffff);
}
.ca-legal-document__hero-inner{
  width:min(100% - 48px, 1120px);
  margin:0 auto;
  padding:72px 0 64px;
}
.ca-legal-document__eyebrow{
  margin:0 0 12px;
  color:var(--ca-t-violet-300, #c4b5fd);
  font-size:13px;
  font-weight:700;
  letter-spacing:.1em;
  line-height:1.4;
  text-transform:uppercase;
}
.ca-legal-document__title{
  max-width:760px;
  margin:0;
  color:var(--ca-t-white, #ffffff);
  font-size:clamp(2.25rem, 5vw, 4.25rem);
  font-weight:700;
  letter-spacing:-.045em;
  line-height:1.04;
}
.ca-legal-document__summary{
  max-width:700px;
  margin:20px 0 0;
  color:var(--ca-t-blue-100, #dbeafe);
  font-size:18px;
  line-height:1.65;
}
.ca-legal-document__updated{
  margin:24px 0 0;
  color:var(--ca-t-slate-300, #cbd5e1);
  font-size:14px;
  line-height:1.5;
}
.ca-legal-document__layout{
  display:grid;
  grid-template-columns:220px minmax(0, 760px);
  gap:64px;
  width:min(100% - 48px, 1120px);
  margin:0 auto;
  padding:56px 0 88px;
}
.ca-legal-document__aside{
  align-self:start;
  position:sticky;
  top:28px;
}
.ca-legal-document__aside-title{
  margin:0 0 10px;
  color:var(--ca-t-slate-500, #64748b);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ca-legal-document__nav{
  display:flex;
  flex-direction:column;
  border-left:1px solid var(--ca-s-xdbe3ee, #dbe3ee);
}
.ca-legal-document__nav-link{
  padding:9px 12px;
  border-left:2px solid transparent;
  color:var(--ca-t-slate-500, #64748b);
  font-size:14px;
  font-weight:600;
  line-height:1.35;
  text-decoration:none;
  transform:translateX(-1px);
}
.ca-legal-document__nav-link:hover,
.ca-legal-document__nav-link:focus-visible{
  color:var(--ca-t-slate-700, #334155);
  background:var(--ca-s-slate-100, #f1f5f9);
}
.ca-legal-document__nav-link.is-current{
  border-left-color:var(--ca-s-indigo-500, #6366f1);
  color:var(--ca-t-indigo-700, #4338ca);
  background:var(--ca-s-indigo-50, #eef2ff);
}
.ca-legal-document__content{
  min-width:0;
  padding:clamp(28px, 5vw, 56px);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:18px;
  background:var(--ca-s-white, #ffffff);
  box-shadow:0 10px 30px rgba(15,23,42,.05);
  color:var(--ca-t-slate-700, #334155);
  font-size:16px;
  line-height:1.75;
}
.ca-legal-document__content > :first-child{ margin-top:0; }
.ca-legal-document__content > :last-child{ margin-bottom:0; }
.ca-legal-document__content h2{
  margin:48px 0 16px;
  color:var(--ca-t-slate-900, #0f172a);
  font-size:clamp(1.35rem, 2.5vw, 1.8rem);
  font-weight:700;
  letter-spacing:-.025em;
  line-height:1.2;
}
.ca-legal-document__content h3{
  margin:30px 0 10px;
  color:var(--ca-t-slate-800, #1e293b);
  font-size:18px;
  font-weight:700;
  line-height:1.35;
}
.ca-legal-document__content p,
.ca-legal-document__content ul,
.ca-legal-document__content ol{ margin:0 0 18px; }
.ca-legal-document__content li{ margin:7px 0; }
.ca-legal-document__content a{
  color:var(--ca-t-indigo-600, #4f46e5);
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:3px;
}
.ca-legal-document__content strong{ color:var(--ca-t-slate-800, #1e293b); }
.ca-legal-document__content table{
  width:100%;
  margin:20px 0;
  border-collapse:collapse;
  font-size:14px;
}
.ca-legal-document__content th,
.ca-legal-document__content td{
  padding:11px 12px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  text-align:left;
  vertical-align:top;
}
.ca-legal-document__content th{
  background:var(--ca-s-slate-50, #f8fafc);
  color:var(--ca-t-slate-700, #334155);
  font-weight:700;
}
@media (max-width:800px){
  .ca-legal-document__hero-inner,
  .ca-legal-document__layout{ width:min(100% - 32px, 1120px); }
  .ca-legal-document__hero-inner{ padding:52px 0 48px; }
  .ca-legal-document__layout{ display:block; padding:32px 0 56px; }
  .ca-legal-document__aside{ position:static; margin:0 0 26px; }
  .ca-legal-document__nav{ flex-direction:row; flex-wrap:wrap; gap:6px; border:0; }
  .ca-legal-document__nav-link{ padding:7px 10px; border:1px solid var(--ca-s-xdbe3ee, #dbe3ee); border-radius:7px; transform:none; }
  .ca-legal-document__nav-link.is-current{ border-color:var(--ca-s-indigo-300, #a5b4fc); }
}
@media (max-width:540px){
  .ca-legal-document__hero-inner,
  .ca-legal-document__layout{ width:calc(100% - 28px); }
  .ca-legal-document__summary{ font-size:16px; }
  .ca-legal-document__content{ padding:26px 20px; border-radius:12px; font-size:15px; }
  .ca-legal-document__content table{ display:block; overflow-x:auto; }
}

.ca-layout{
  background:var(--ca-s-xf7f9fc, #f7f9fc);
  min-height:100vh;
  padding:48px 20px 60px;
  font-family: "Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

.ca-onboarding{
  max-width:min(90vw, 1200px);
  margin:0 auto;
  width:100%;
  box-sizing:border-box;
}
.ca-onboarding__hero{
  text-align:center;
  margin-bottom:24px;
}
.ca-onboarding__badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 14px;
  border-radius:999px;
  background:var(--ca-s-xe8f0ff, #e8f0ff);
  color:var(--ca-t-blue-600, #2563eb);
  font-size:12px;
  font-weight:500;
  margin-bottom:18px;
}
.ca-onboarding__badge-dot{
  width:20px;
  height:20px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--ca-s-xdbe7ff, #dbe7ff);
}
.ca-onboarding__badge-icon{
  width:16px;
  height:16px;
  margin-right:8px;
  color:currentColor;
  flex-shrink:0;
}
.ca-onboarding__title{
  font-size:36px;
  font-weight:650;
  margin:0 0 10px;
  color:var(--ca-t-gray-900, #111827);
}
.ca-onboarding__subtitle{
  max-width:620px;
  margin:0 auto 12px;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:16px;
  line-height:1.6;
}
.ca-link{
  border:0;
  background:transparent;
  color:var(--ca-t-blue-600, #2563eb);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}
.ca-onboarding__skip{
  margin-top:6px;
  color:var(--ca-t-gray-500, #6b7280);
  font-weight:400;
}

.ca-onboarding__cards{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:28px;
  margin-top:16px;
  padding-top:6px;
  align-items:stretch;
}
.ca-card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-xe5e9f2, #e5e9f2);
  border-radius:20px;
  padding:42px 38px 36px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
  position:relative;
  display:flex;
  flex-direction:column;
  overflow:visible;
}
.ca-card__icon{
  width:52px;
  height:52px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:700;
  margin-bottom:18px;
}
.ca-card__icon--purple{ background:var(--ca-s-xf1e8ff, #f1e8ff); color:var(--ca-t-violet-600, #7c3aed); }
.ca-card__icon--blue{ background:var(--ca-s-blue-100, #dbeafe); color:var(--ca-t-blue-600, #2563eb); }
.ca-card__icon--green{ background:var(--ca-s-green-100, #dcfce7); color:var(--ca-t-green-600, #16a34a); }
.ca-card__badge{
  position:absolute;
  top:20px;
  right:22px;
  font-size:11px;
  padding:4px 10px;
  border-radius:999px;
  font-weight:600;
}
.ca-card__badge--green{ background:var(--ca-s-xeafcef, #eafcef); color:var(--ca-t-green-600, #16a34a); }
.ca-card__badge--blue{ background:var(--ca-s-xe5efff, #e5efff); color:var(--ca-t-blue-600, #2563eb); }
.ca-card__title{
  font-size:21px;
  font-weight:600;
  margin:4px 0 10px;
  color:var(--ca-t-gray-900, #111827);
}
.ca-card__desc{
  font-size:15px;
  line-height:1.65;
  color:var(--ca-t-gray-500, #6b7280);
  margin-bottom:20px;
  min-height:54px;
}
.ca-card__list-title{
  font-weight:600;
  margin-top:0;
  margin-bottom:10px;
  font-size:14px;
  color:var(--ca-t-gray-900, #111827);
}
.ca-card__list{
  margin:0;
  padding-left:0;
  list-style:none;
  color:var(--ca-t-gray-600, #4b5563);
  font-size:14px;
  line-height:1.55;
  margin-bottom:0;
  padding-bottom:0;
}
.ca-card__list li{
  margin:10px 0;
  padding-left:0;
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.ca-card__list-icon{
  width:20px;
  height:20px;
  flex-shrink:0;
  margin-top:2px;
  color:var(--ca-t-green-600, #16a34a);
}
.ca-card__list li span{
  flex:1;
}
.ca-card__cta{
  margin-top:24px !important;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  justify-content:center;
  align-self:stretch;
}
.ca-card__footnote{
  text-align:center;
  font-size:11px;
  color:var(--ca-t-gray-400, #9ca3af);
  margin-top:8px;
  margin-bottom:0;
}
.ca-onboarding__hint{
  margin-top:18px;
  background:var(--ca-s-slate-50, #f8fafc);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:12px;
  padding:16px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-onboarding__hint-icon{
  width:20px;
  height:20px;
  color:var(--ca-t-slate-400, #94a3b8);
  flex-shrink:0;
  margin-top:2px;
}
.ca-onboarding__hint-text{
  font-size:14px;
  line-height:1.5;
  margin:0;
}
.ca-onboarding__hint-title{
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-onboarding__hint-body{
  color:var(--ca-t-slate-600, #475569);
}

/* ── Step 1: Go-to-Market Motion Selection Cards ── */
.ca-onboarding__motion-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:28px;
  margin-top:44px;
  max-width:860px;
  margin-left:auto;
  margin-right:auto;
}
.ca-onboarding__motion-card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-xe5e9f2, #e5e9f2);
  border-radius:20px;
  padding:44px 40px 40px;
  box-shadow:0 18px 40px rgba(15,23,42,.08);
  cursor:pointer;
  text-align:left;
  text-decoration:none;
  color:inherit;
  display:flex;
  flex-direction:column;
  transition:border-color .2s ease, box-shadow .2s ease, transform .15s ease;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.ca-onboarding__motion-card:hover{
  border-color:var(--ca-s-blue-600, #2563eb);
  box-shadow:0 18px 40px rgba(37,99,235,.12);
  transform:translateY(-2px);
}
.ca-onboarding__motion-icon{
  width:56px;
  height:56px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:24px;
}
.ca-onboarding__motion-icon--purple{
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-onboarding__motion-icon--blue{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-600, #2563eb);
}
.ca-onboarding__motion-title{
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 10px;
}
.ca-onboarding__motion-desc{
  font-size:15px;
  line-height:1.65;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 24px;
  flex:1;
}
.ca-onboarding__motion-select{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:var(--ca-t-blue-600, #2563eb);
  font-size:15px;
  font-weight:600;
}
.ca-onboarding__motion-select svg{
  transition:transform .15s ease;
}
.ca-onboarding__motion-card:hover .ca-onboarding__motion-select svg{
  transform:translateX(3px);
}

/* ── Step 2: Breadcrumb ── */
.ca-onboarding__breadcrumb{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-xe5e9f2, #e5e9f2);
  border-radius:999px;
  padding:8px 20px;
  margin:0 0 32px;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size:14px;
}
.ca-onboarding__breadcrumb-back{
  display:inline-flex;
  align-items:center;
  gap:4px;
  border:0;
  background:transparent;
  padding:0;
  cursor:pointer;
  color:var(--ca-t-gray-900, #111827);
  font-size:14px;
  font-weight:600;
  font-family:inherit;
}
.ca-onboarding__breadcrumb-back:hover{
  color:var(--ca-t-blue-600, #2563eb);
}
.ca-onboarding__breadcrumb-back svg{
  flex-shrink:0;
}
.ca-onboarding__breadcrumb-sep{
  color:var(--ca-t-slate-400, #94a3b8);
  font-size:16px;
}
.ca-onboarding__breadcrumb-current{
  color:var(--ca-t-gray-500, #6b7280);
  font-weight:500;
}

/* ── Step 2: Hero (title + subtitle) ── */
.ca-onboarding__step2-hero{
  text-align:center;
  margin-bottom:24px;
}
.ca-onboarding__step2-hero .ca-onboarding__title{
  font-size:30px;
  font-weight:650;
  margin:0 0 8px;
  color:var(--ca-t-gray-900, #111827);
}
.ca-onboarding__step2-hero .ca-onboarding__subtitle{
  max-width:560px;
  margin:0 auto;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
  line-height:1.6;
}

/* ── Step 2: RECOMMENDED badge (top-left overlap) ── */
.ca-card--upload .ca-card__badge--green{
  position:absolute;
  top:-10px;
  left:20px;
  right:auto;
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-600, #16a34a);
  font-size:11px;
  font-weight:700;
  padding:4px 12px;
  border-radius:999px;
  letter-spacing:.04em;
  z-index:1;
}

/* ── Step 2: Upload CTA gradient (changes by motion) ── */
.ca-card__cta--upload{
  background:linear-gradient(135deg, var(--ca-s-violet-600, #7c3aed) 0%, var(--ca-s-blue-600, #2563eb) 100%);
  border:0;
  color:var(--ca-t-white, #ffffff);
}
.ca-card__cta--upload:hover{
  opacity:.92;
}
.ca-onboarding[data-ca-motion="direct_sales"] .ca-card__cta--upload{
  background:linear-gradient(135deg, var(--ca-s-violet-600, #7c3aed) 0%, var(--ca-s-purple-500, #a855f7) 100%);
}

/* ── Step 2: Questionnaire CTA ── */
.ca-card__cta--questionnaire{
  background:var(--ca-s-blue-600, #2563eb);
  border:0;
  color:var(--ca-t-white, #ffffff);
}
.ca-card__cta--questionnaire:hover{
  opacity:.92;
}

/* ── CTA icon alignment ── */
.ca-btn__icon{
  flex-shrink:0;
}

/* ── Step panel visibility & centering ── */
.ca-onboarding__step[hidden]{
  display:none;
}
.ca-onboarding__step--1{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:calc(100vh - 160px);
}
.ca-onboarding__hint-link{
  color:var(--ca-t-blue-600, #2563eb);
  text-decoration:none;
  font-weight:600;
}
.ca-onboarding__hint-link:hover{
  text-decoration:underline;
}
.ca-onboarding__step--2 .ca-onboarding__hint{
  background:transparent;
  border:0;
  box-shadow:none;
  text-align:center;
  padding:24px 0 0;
  margin-top:24px;
}
.ca-onboarding__step--2 .ca-onboarding__hint-text{
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
}

.ca-btn-solid{
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
  border-radius:10px;
  border:0;
  padding:12px 18px;
  font-weight:700;
  cursor:pointer;
  box-shadow: 0 10px 20px rgba(124, 58, 237, 0.18);
}
.ca-card__cta--blue,
.ca-btn-solid.ca-card__cta--blue{
  background:var(--ca-s-blue-600, #2563eb);
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.2);
}
.ca-btn-outline{
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-900, #111827);
  border-radius:10px;
  padding:12px 18px;
  font-weight:500;
  cursor:pointer;
}
.ca-btn-danger{
  background:var(--ca-s-red-600, #dc2626);
  color:var(--ca-t-white, #ffffff);
  border:1px solid var(--ca-s-red-600, #dc2626);
}
.ca-btn-danger:hover{
  background:var(--ca-s-red-700, #b91c1c);
  border-color:var(--ca-s-red-700, #b91c1c);
}

.ca-upload-modal__panel{
  width:80vw;
  height:80vh;
  max-width:none;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:24px 32px;
}
.ca-upload-modal__panel .ca-modal__top{
  flex-shrink:0;
  margin-bottom:12px;
  align-items:center;
}
.ca-upload-modal__panel .ca-modal__step{
  font-size:18px;
  font-weight:700;
}
.ca-upload-modal__body{
  flex:1;
  padding:0;
  max-height:none;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:rgba(0,0,0,.12) transparent;
}
.ca-upload-modal__body::-webkit-scrollbar{
  width:6px;
}
.ca-upload-modal__body::-webkit-scrollbar-thumb{
  background:rgba(0,0,0,.12);
  border-radius:3px;
}
.ca-upload-modal__body::-webkit-scrollbar-track{
  background:transparent;
}
.ca-upload-modal__step-wrap{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ca-upload-modal__desc{
  text-align:left;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
  font-size:13.5px;
  line-height:1.5;
}
.ca-upload-modal__fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px 20px;
  margin:0;
}
.ca-upload-modal__fields .ca-upload-modal__field:nth-child(3){
  grid-column:1 / -1;
}
.ca-upload-modal__field{
  margin:0 0 4px;
}
.ca-upload-modal__fields .ca-upload-modal__field{
  margin:0 0 4px;
}
.ca-upload-modal__desc--dropzone{
  margin:0;
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-upload-modal__email-wrap{
  margin:0;
}
.ca-upload-modal__email-label{
  display:block;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 6px;
}
.ca-upload-modal__email-label abbr{
  color:var(--ca-t-red-600, #dc2626);
  text-decoration:none;
}
.ca-upload-modal__field .ca-upload-modal__input,
.ca-upload-modal__input--email{
  width:100%;
  padding:10px 12px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:10px;
  font-size:14px;
  box-sizing:border-box;
  font-family:inherit;
}
.ca-upload-modal__field .ca-upload-modal__input:focus,
.ca-upload-modal__input--email:focus{
  outline:none;
  border-color:var(--ca-s-violet-600, #7c3aed);
  box-shadow:0 0 0 3px rgba(124,58,237,0.12);
}
.ca-upload-modal__notice--step1{
  margin:0 0 6px;
  min-height:16px;
}
.ca-upload-modal__notice--step1.is-error{
  color:var(--ca-t-red-600, #dc2626);
  font-size:13px;
  font-weight:500;
}
.ca-upload-modal__actions--step1{
  margin-top:8px;
}
.ca-upload-modal__dropzone{
  border:2px dashed var(--ca-s-indigo-200, #c7d2fe);
  border-radius:14px;
  padding:16px 20px;
  text-align:center;
  background:var(--ca-s-xfaf8ff, #faf8ff);
  transition:border-color .15s, background .15s;
}
.ca-upload-modal__dropzone:hover{
  border-color:var(--ca-s-violet-400, #a78bfa);
  background:var(--ca-s-violet-50, #f5f3ff);
}
.ca-upload-modal__icon{
  width:44px;
  height:44px;
  margin:0 auto 10px;
  border-radius:999px;
  background:var(--ca-s-violet-100, #ede9fe);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-upload-modal__icon svg{
  width:22px;
  height:22px;
}
.ca-upload-modal__label{
  font-size:14px;
  color:var(--ca-t-gray-600, #4b5563);
}
.ca-upload-modal__label .ca-link{
  color:var(--ca-t-violet-600, #7c3aed);
  font-weight:600;
  text-decoration:underline;
}
.ca-upload-modal__meta{
  font-size:12px;
  color:var(--ca-t-gray-400, #9ca3af);
  margin-top:6px;
}
/* Hide only the file input (in dropzone); email input is in step 1 and must stay visible */
.ca-upload-modal__dropzone-wrap .ca-upload-modal__input{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  opacity:0;
}
.ca-upload-modal__dropzone.is-dragging{
  border-color:var(--ca-s-violet-600, #7c3aed);
  background:var(--ca-s-xf3f0ff, #f3f0ff);
}
.ca-upload-modal__selected-wrap{
  margin-top:12px;
  padding-top:14px;
  border-top:1px solid var(--ca-s-xeef0f7, #eef0f7);
}
.ca-upload-modal__selected-head{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:6px;
}
.ca-upload-modal__selected-title{
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-upload-modal__selected-count{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  font-weight:400;
}
.ca-upload-modal__files{
  list-style:none;
  padding:0;
  margin:0;
  font-size:13px;
  color:var(--ca-t-gray-600, #4b5563);
  display:flex;
  flex-direction:column;
  gap:6px;
  max-height:220px;
  overflow-y:auto;
}
.ca-upload-modal__file-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  background:var(--ca-s-slate-50, #f8fafc);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:10px;
  padding-right:8px;
}
.ca-upload-modal__file-icon{
  flex-shrink:0;
  width:36px;
  height:36px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  font-weight:700;
  color:var(--ca-t-white, #ffffff);
}
.ca-upload-modal__file-icon--pdf{
  background:var(--ca-s-red-600, #dc2626);
}
.ca-upload-modal__file-icon--doc{
  background:var(--ca-s-blue-600, #2563eb);
}
.ca-upload-modal__file-icon--ppt{
  background:var(--ca-s-orange-600, #ea580c);
}
.ca-upload-modal__file-icon--file{
  background:var(--ca-s-slate-500, #64748b);
}
.ca-upload-modal__file-info{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.ca-upload-modal__file-name{
  font-weight:500;
  color:var(--ca-t-gray-900, #111827);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-upload-modal__file-size{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-upload-modal__file-remove{
  flex-shrink:0;
  width:32px;
  height:32px;
  border:none;
  background:transparent;
  border-radius:8px;
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:color 0.15s, background 0.15s;
}
.ca-upload-modal__file-remove:hover{
  color:var(--ca-t-red-600, #dc2626);
  background:var(--ca-s-red-50, #fef2f2);
}
.ca-upload-modal__file-remove:focus{
  outline:none;
  box-shadow:0 0 0 2px rgba(124,58,237,0.3);
}
.ca-upload-modal__files li{
  padding:0;
  border-bottom:none;
}
.ca-dna-sidebar-upload-modal .ca-upload-modal__files{
  overflow-x:hidden;
}
.ca-dna-sidebar-upload-modal .ca-upload-modal__selected-wrap{
  margin-top:12px;
}
.ca-upload-modal__notice{
  min-height:18px;
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
}
.ca-upload-modal__notice.is-error{
  color:var(--ca-t-red-600, #dc2626);
  font-weight:500;
}
.ca-upload-modal__actions{
  display:flex;
  justify-content:flex-end;
  gap:12px;
  flex-shrink:0;
  padding-top:16px;
  border-top:1px solid var(--ca-s-slate-100, #f1f5f9);
}
.ca-upload-modal__actions .ca-btn{
  padding:10px 24px;
  font-size:14px;
  border-radius:10px;
  font-family:inherit;
  transition:all .15s ease;
}
.ca-upload-modal__actions .ca-btn-solid{
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
  font-weight:600;
}
.ca-upload-modal__actions .ca-btn-solid:hover{
  background:var(--ca-s-violet-700, #6d28d9);
}
.ca-upload-modal__actions .ca-btn-outline{
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  font-weight:500;
}
.ca-upload-modal__actions .ca-btn-outline:hover{
  background:var(--ca-s-gray-50, #f9fafb);
  border-color:var(--ca-s-gray-400, #9ca3af);
}
/* Upload modal – uploading state */
.ca-upload-modal__uploading{
  text-align:center;
  padding:24px 0;
}
.ca-upload-modal__uploading-icon{
  margin-bottom:12px;
  animation: caSpinPulse 1.5s ease-in-out infinite;
  color:var(--ca-t-violet-600, #7c3aed);
  display:flex;
  align-items:center;
  justify-content:center;
}
.ca-upload-modal__uploading-icon svg{
  width:36px;
  height:36px;
}
@keyframes caSpinPulse{
  0%,100%{ opacity:1; transform:scale(1); }
  50%{ opacity:.6; transform:scale(1.08); }
}
.ca-upload-modal__uploading-label{
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  margin-bottom:16px;
}
.ca-upload-modal__progress{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
}
.ca-upload-modal__progress-track{
  flex:1;
  height:8px;
  border-radius:999px;
  background:var(--ca-s-gray-200, #e5e7eb);
  overflow:hidden;
}
.ca-upload-modal__progress-bar{
  height:100%;
  width:0%;
  background:linear-gradient(90deg,var(--ca-s-indigo-500, #6366f1),var(--ca-s-indigo-400, #818cf8));
  border-radius:999px;
  transition:width .3s ease;
}
.ca-upload-modal__progress-pct{
  font-size:13px;
  font-weight:700;
  color:var(--ca-t-indigo-500, #6366f1);
  min-width:36px;
  text-align:right;
}
.ca-upload-modal__uploading-files{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:8px;
}
.ca-upload-modal__uploading-file{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  padding:3px 0;
}

.ca-onboarding__section{
  transition: opacity 160ms ease;
}
.ca-onboarding__section[aria-hidden="true"]{
  display:none;
}
.ca-state-card{
  max-width:520px;
  margin:0 auto;
  background:var(--ca-s-white, #ffffff);
  border-radius:18px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  padding:32px;
  text-align:center;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
}
.ca-state-card__icon{
  width:56px;
  height:56px;
  border-radius:999px;
  margin:0 auto 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
}
.ca-state-card__icon--spinner{
  background:transparent;
  border:3px solid var(--ca-s-blue-100, #dbeafe);
  border-top-color:var(--ca-s-blue-600, #2563eb);
  border-radius:50%;
  animation:caSpin 0.9s linear infinite;
}
@keyframes caSpin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}
.ca-state-card__icon--success{ background:var(--ca-s-green-100, #dcfce7); color:var(--ca-t-green-600, #16a34a); }
.ca-state-card__title{
  font-size:20px;
  font-weight:700;
  margin:0 0 8px;
  color:var(--ca-t-gray-900, #111827);
}
.ca-state-card__subtitle{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 18px;
}
.ca-progress__bar{
  height:6px;
  background:var(--ca-s-gray-200, #e5e7eb);
  border-radius:999px;
  overflow:hidden;
}
.ca-progress__fill{
  height:100%;
  background:var(--ca-s-indigo-500, #6366f1);
  border-radius:999px;
  transition:width .5s ease;
}
.ca-progress__fill--animate{
  height:100%;
  background:var(--ca-s-indigo-500, #6366f1);
  width:0%;
  animation: caProgress 2.2s ease forwards;
}
.ca-progress--complete .ca-progress__fill{
  background:var(--ca-s-gray-900, #111827);
}
@keyframes caProgress{
  from{ width:0%; }
  to{ width:100%; }
}
.ca-state-card__list{
  list-style:none;
  padding:0;
  margin:18px 0;
  text-align:left;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:13px;
}
.ca-state-card__list li{
  margin:8px 0;
  padding-left:28px;
  position:relative;
}
.ca-state-card__list li::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:12px;
  height:12px;
  border-radius:999px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  background:var(--ca-s-white, #ffffff);
}
.ca-state-card__list li.is-complete::before{
  content:"";
  display:block;
  width:20px;
  height:20px;
  flex-shrink:0;
  border:none;
  background-color:transparent;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}
.ca-state-card__list li.is-active::before{
  content:">";
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:9px;
  font-weight:700;
  color:var(--ca-t-blue-600, #2563eb);
  border-color:var(--ca-s-blue-200, #bfdbfe);
  background:var(--ca-s-blue-50, #eff6ff);
}
/* Processing page – detail line (file + clouds) */
.ca-processing-detail{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  margin-top:12px;
  font-size:12px;
  min-height:32px;
}
.ca-processing-detail__file{
  color:var(--ca-t-gray-500, #6b7280);
  animation:caFade 1.2s ease-in-out infinite alternate;
}
.ca-processing-detail__clouds{
  color:var(--ca-t-indigo-500, #6366f1);
  font-weight:600;
}
@keyframes caFade{
  from{ opacity:.5; }
  to{ opacity:1; }
}

.ca-state-card__action{
  margin-top:6px;
}
.ca-state-card__action--auto{
  display:none;
}
.ca-complete-summary{
  border:1px solid var(--ca-s-xdbe7ff, #dbe7ff);
  background:var(--ca-s-xf3f7ff, #f3f7ff);
  border-radius:12px;
  padding:14px;
  margin-bottom:16px;
}
.ca-complete-summary__header{
  font-size:12px;
  font-weight:700;
  color:var(--ca-t-blue-600, #2563eb);
  margin-bottom:10px;
}
.ca-complete-summary__stats{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:10px;
}
.ca-complete-summary__agents{
  margin-top:14px;
  font-size:13px;
  color:var(--ca-t-slate-600, #475569);
}
.ca-complete-summary__value{
  font-weight:700;
  font-size:18px;
  color:var(--ca-t-gray-900, #111827);
}
.ca-complete-summary__label{
  font-size:11px;
  color:var(--ca-t-gray-500, #6b7280);
}

/* Dashboard */
.ca-layout--dashboard{
  padding:0;
  background:var(--ca-s-xf3f6fb, #f3f6fb);
}
.ca-dashboard{
  display:grid;
  grid-template-columns:var(--ca-sidebar-width) minmax(0,1fr);
  min-height:100vh;
  --ca-dashboard-header-height:64px;
  --ca-sidebar-width:200px;
  --ca-sidebar-width-collapsed:74px;
}
body.ca-nav-collapsed .ca-dashboard{
  --ca-sidebar-width:var(--ca-sidebar-width-collapsed);
}
.ca-dashboard__sidebar{
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-slate-600, #475569);
  padding:0 12px 22px;
  display:flex;
  flex-direction:column;
  gap:24px;
  border-right:1px solid var(--ca-s-gray-200, #e5e7eb);
}
/* Bleeds past the sidebar padding so the rule meets the sidebar's right
   border and the topbar's rule, reading as one continuous header bar. */
.ca-dashboard__brand{
  box-sizing:border-box;
  height:var(--ca-dashboard-header-height);
  min-height:var(--ca-dashboard-header-height);
  display:flex;
  align-items:center;
  margin:0 -12px 8px;
  padding:0 12px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  line-height:0;
}
.ca-dashboard__brand a{
  display:block;
}
.ca-dashboard__brand-img{
  width:auto;
  max-width:170px;
  max-height:38px;
  height:auto;
  display:block;
}
.ca-dashboard__nav-title{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:0.08em;
  color:var(--ca-t-slate-400, #94a3b8);
  margin:16px 0 8px;
}
.ca-dashboard__nav-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ca-dashboard__nav-list .ca-dashboard__nav-heading{
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--ca-t-slate-400, #94a3b8);
  margin:12px 0 4px;
  padding:0 10px;
  pointer-events:none;
}
.ca-dashboard__nav-list li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:13px;
  border-radius:10px;
  background:transparent;
  cursor:pointer;
  color:var(--ca-t-slate-600, #475569);
}
.ca-dashboard__nav-list a{
  display:flex;
  align-items:center;
  gap:10px;
  width:auto;
  flex:1;
  padding:8px 10px;
  text-decoration:none;
  color:var(--ca-t-slate-600, #475569);
  border-radius:10px;
  font-weight:600;
}
.ca-dashboard__nav-list a:hover{
  background:var(--ca-s-indigo-50, #eef2ff);
  color:var(--ca-t-indigo-900, #312e81);
}
.ca-dashboard__nav-list .current-menu-item > a{
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-700, #6d28d9);
}
/* Nav icon + label */
.ca-nav-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:18px;
  height:18px;
  opacity:.7;
}
.ca-dashboard__nav-list a:hover .ca-nav-icon,
.ca-dashboard__nav-list .current-menu-item > a .ca-nav-icon{
  opacity:1;
}
.ca-nav-icon svg{
  display:block;
}
.ca-nav-icon--atlas{
  width:24px;
  height:24px;
}
.ca-nav-icon--atlas img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  display:block;
}
.ca-nav-label{
  flex:1;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-dashboard__nav-list li.is-active{
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-700, #6d28d9);
}
/* Sidebar separator before gated entries (e.g. Super Admin). */
.ca-dashboard__nav-list .ca-dashboard__nav-sep{
  display:block;
  height:1px;
  margin:10px 10px;
  padding:0;
  background:var(--ca-s-gray-200, #e5e7eb);
  border-radius:0;
  pointer-events:none;
}
.ca-dashboard__nav-list .ca-nav-super-admin > a{
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-dashboard__nav-list .ca-nav-super-admin > a .ca-nav-icon{
  opacity:1;
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-dashboard__nav-list .ca-nav-super-admin--group{
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:2px;
}
.ca-nav-super-admin__children{
  list-style:none;
  margin:2px 0 4px 13px;
  padding:2px 0 2px 8px;
  border-left:1px solid var(--ca-s-gray-200, #e5e7eb);
  display:flex;
  flex-direction:column;
  gap:2px;
}
.ca-nav-super-admin__children > li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:10px;
}
.ca-nav-super-admin__children > li > a{
  display:flex;
  align-items:center;
  gap:10px;
  flex:1;
  padding:7px 10px;
  text-decoration:none;
  color:var(--ca-t-slate-600, #475569);
  border-radius:10px;
  font-weight:600;
  font-size:13px;
}
.ca-nav-super-admin__children > li > a:hover{
  background:var(--ca-s-indigo-50, #eef2ff);
  color:var(--ca-t-indigo-900, #312e81);
}
.ca-nav-super-admin__children > li.current-menu-item > a{
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-800, #5b21b6);
}
.ca-dashboard__nav-list .ca-nav-super-admin.has-current-child > a{
  background:transparent;
}
@media (min-width: 1101px){
  body.ca-nav-collapsed .ca-nav-super-admin__children{
    display:none;
  }
}
.ca-pill{
  font-size:11px;
  background:var(--ca-s-slate-100, #f1f5f9);
  color:var(--ca-t-slate-500, #64748b);
  padding:2px 8px;
  border-radius:999px;
  margin-left:8px;
  flex-shrink:0;
}
.ca-dashboard__nav-list .current-menu-item > .ca-pill{
  background:var(--ca-s-purple-100, #f3e8ff);
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-dashboard__sidebar-cta{
  margin-top:auto;
}
/* Collapse owns the sticky footer; don't let an earlier CTA steal the auto margin. */
.ca-dashboard__sidebar:has(.ca-nav-collapse) .ca-dashboard__sidebar-cta{
  margin-top:16px;
}
.ca-dashboard__sidebar-footer{
  margin-top:8px;
  padding-top:16px;
  border-top:1px solid var(--ca-s-slate-200, #e2e8f0);
}
.ca-dashboard__view-toggle{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:9px 10px;
  border-radius:10px;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-slate-600, #475569);
  text-decoration:none;
  background:transparent;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  transition:background .15s, color .15s, border-color .15s;
}
.ca-dashboard__view-toggle svg{
  flex-shrink:0;
  opacity:.75;
}
.ca-dashboard__view-toggle:hover{
  background:var(--ca-s-indigo-50, #eef2ff);
  color:var(--ca-t-indigo-900, #312e81);
  border-color:var(--ca-s-indigo-200, #c7d2fe);
}
.ca-dashboard__view-toggle:hover svg{
  opacity:1;
}
.ca-sidebar-cta-card{
  background:linear-gradient(135deg, var(--ca-s-blue-600, #2563eb), var(--ca-s-violet-600, #7c3aed));
  border-radius:16px;
  padding:16px;
  color:var(--ca-t-white, #ffffff);
}
.ca-sidebar-cta-title{
  font-weight:700;
  margin-bottom:6px;
}
.ca-sidebar-cta-desc{
  font-size:12px;
  margin-bottom:10px;
}
.ca-dashboard__content{
  padding:22px 30px 40px;
  min-width:0;
  max-width:100%;
  overflow-x:visible;
}
.ca-dashboard__topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  box-sizing:border-box;
  min-height:var(--ca-dashboard-header-height, 64px);
  margin:-22px -30px 20px;
  background:var(--ca-s-white, #ffffff);
  border:none;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:0;
  padding:0 16px;
}
.ca-dashboard__context-title{
  font-weight:700;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-dashboard__context-subtitle{
  font-size:12px;
  color:var(--ca-t-slate-400, #94a3b8);
}

/* ── Agent selector dropdown ────────────────────────── */
.ca-agent-selector{
  position:relative;
  z-index:100;
}
.ca-agent-selector__trigger{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:12px;
  background:none;
  border:none;
  outline:none;
  padding:6px 10px;
  border-radius:12px;
  cursor:pointer;
  transition:background .15s;
  white-space:nowrap;
}
.ca-agent-selector__trigger:hover{
  background:var(--ca-s-slate-100, #f1f5f9);
}
.ca-agent-selector__trigger:focus{
  outline:none;
  box-shadow:none;
}
.ca-agent-selector__avatar{
  width:40px !important;
  height:40px !important;
  border-radius:50% !important;
  object-fit:cover;
  flex-shrink:0;
  display:inline-block !important;
}
.ca-agent-selector__info{
  text-align:left;
  min-width:0;
}
.ca-agent-selector__name{
  font-weight:700;
  font-size:14px;
  color:var(--ca-t-slate-900, #0f172a);
  line-height:1.3;
}
.ca-agent-selector__role{
  font-size:12px;
  color:var(--ca-t-slate-400, #94a3b8);
  display:inline-flex !important;
  align-items:center;
  gap:4px;
  line-height:1.3;
}
.ca-agent-selector__chevron{
  flex-shrink:0;
  transition:transform .2s;
  display:inline-block !important;
  vertical-align:middle;
}
.ca-agent-selector.is-open .ca-agent-selector__chevron{
  transform:rotate(180deg);
}

/* Dropdown */
.ca-agent-selector__dropdown{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  min-width:320px;
  background:var(--ca-s-white, #ffffff);
  border:none !important;
  border-radius:14px;
  box-shadow:0 4px 24px rgba(0,0,0,.10), 0 1px 4px rgba(0,0,0,.06);
  padding:8px 0;
  z-index:9999;
  animation:caDropIn .15s ease;
}
@keyframes caDropIn{
  from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:translateY(0)}
}
.ca-agent-selector__option{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:12px;
  padding:10px 16px;
  cursor:pointer;
  transition:background .12s;
}
.ca-agent-selector__option:hover{
  background:var(--ca-s-slate-50, #f8fafc);
}
.ca-agent-selector__option.is-selected{
  background:var(--ca-s-blue-50, #eff6ff);
}
.ca-agent-selector__option.is-coming-soon{
  opacity:0.7;
  cursor:not-allowed;
  pointer-events:auto;
}
.ca-agent-selector__option.is-coming-soon:hover{
  background:var(--ca-s-gray-50, #f9fafb);
}
.ca-agent-selector__option > img{
  width:36px !important;
  height:36px !important;
  border-radius:50% !important;
  object-fit:cover;
  flex-shrink:0;
  display:inline-block !important;
  max-width:36px !important;
}
.ca-agent-selector__option > div{
  min-width:0;
  flex:1;
}
.ca-agent-selector__check{
  width:16px !important;
  height:16px !important;
  min-width:16px;
  flex-shrink:0;
  color:var(--ca-t-blue-500, #3b82f6);
  visibility:hidden;
  display:inline-block !important;
}
.ca-agent-selector__option > svg,
.ca-agent-selector__option > img,
.ca-agent-selector__option > div{
  display:inline-block !important;
  vertical-align:middle;
}
.ca-agent-selector__option.is-selected .ca-agent-selector__check{
  visibility:visible;
}
.ca-agent-selector__opt-name{
  font-weight:600;
  font-size:14px;
  color:var(--ca-t-slate-900, #0f172a);
  line-height:1.3;
}
.ca-agent-selector__opt-role{
  font-size:12px;
  color:var(--ca-t-slate-400, #94a3b8);
  line-height:1.3;
}
.ca-dashboard__actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-left:auto;
}

/* Subscription plan badge (dashboard topbar) */
.ca-sub-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:5px 12px 5px 10px;
  border:1px solid transparent;
  border-radius:999px;
  background:var(--ca-s-slate-50, #f8fafc);
  color:var(--ca-t-slate-700, #334155);
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 1px 2px rgba(15,23,42,.05);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.ca-sub-badge:hover{
  text-decoration:none;
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(15,23,42,.08);
}
.ca-sub-badge__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  color:currentColor;
  flex-shrink:0;
}
.ca-sub-badge__icon svg{
  display:block;
}
.ca-sub-badge__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1px;
  min-width:0;
}
.ca-sub-badge__label{
  font-size:12px;
  font-weight:700;
  letter-spacing:.01em;
  line-height:1.15;
}
.ca-sub-badge__meta{
  font-size:10px;
  font-weight:600;
  line-height:1.1;
  opacity:.82;
  letter-spacing:.02em;
  text-transform:uppercase;
}

/* Active paid plans */
.ca-sub-badge--active{
  border-color:rgba(124,58,237,.22);
  background:linear-gradient(135deg, var(--ca-s-violet-50, #f5f3ff) 0%, var(--ca-s-violet-100, #ede9fe) 100%);
  color:var(--ca-t-violet-800, #5b21b6);
}
.ca-sub-badge--active:hover{
  border-color:rgba(124,58,237,.35);
  background:linear-gradient(135deg, var(--ca-s-violet-100, #ede9fe) 0%, var(--ca-s-violet-200, #ddd6fe) 100%);
  color:var(--ca-t-violet-900, #4c1d95);
}
.ca-sub-badge--active .ca-sub-badge__icon{
  background:rgba(124,58,237,.12);
  color:var(--ca-t-violet-600, #7c3aed);
}

/* Pro — premium tier */
.ca-sub-badge--plan-pro.ca-sub-badge--active{
  border-color:rgba(91,33,182,.35);
  background:linear-gradient(135deg, var(--ca-s-violet-500, #8b5cf6) 0%, var(--ca-s-violet-700, #6d28d9) 52%, var(--ca-s-violet-800, #5b21b6) 100%);
  color:var(--ca-t-white, #ffffff);
  box-shadow:0 2px 10px rgba(91,33,182,.28), inset 0 1px 0 rgba(255,255,255,.18);
}
.ca-sub-badge--plan-pro.ca-sub-badge--active:hover{
  border-color:rgba(91,33,182,.5);
  background:linear-gradient(135deg, var(--ca-s-violet-600, #7c3aed) 0%, var(--ca-s-violet-700, #6d28d9) 52%, var(--ca-s-violet-900, #4c1d95) 100%);
  color:var(--ca-t-white, #ffffff);
  box-shadow:0 6px 18px rgba(91,33,182,.34), inset 0 1px 0 rgba(255,255,255,.2);
}
.ca-sub-badge--plan-pro.ca-sub-badge--active .ca-sub-badge__icon{
  background:rgba(255,255,255,.16);
  color:var(--ca-t-white, #ffffff);
}
.ca-sub-badge--plan-pro.ca-sub-badge--active .ca-sub-badge__meta{
  color:var(--ca-s-white-a78, rgba(255,255,255,.78));
  opacity:1;
}

/* Enterprise — elevated tier */
.ca-sub-badge--plan-enterprise.ca-sub-badge--active{
  border-color:rgba(15,23,42,.18);
  background:linear-gradient(135deg, var(--ca-s-slate-800, #1e293b) 0%, var(--ca-s-slate-900, #0f172a) 100%);
  color:var(--ca-t-slate-50, #f8fafc);
  box-shadow:0 2px 10px rgba(15,23,42,.24), inset 0 1px 0 rgba(255,255,255,.08);
}
.ca-sub-badge--plan-enterprise.ca-sub-badge--active .ca-sub-badge__icon{
  background:rgba(251,191,36,.18);
  color:var(--ca-t-amber-400, #fbbf24);
}
.ca-sub-badge--plan-enterprise.ca-sub-badge--active .ca-sub-badge__meta{
  color:rgba(248,250,252,.72);
  opacity:1;
}

/* Creator / lighter tiers */
.ca-sub-badge--plan-creator.ca-sub-badge--active,
.ca-sub-badge--plan-motion-preview.ca-sub-badge--active{
  border-color:var(--ca-s-violet-200, #ddd6fe);
  background:var(--ca-s-purple-50, #faf5ff);
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-sub-badge--plan-creator.ca-sub-badge--active .ca-sub-badge__icon,
.ca-sub-badge--plan-motion-preview.ca-sub-badge--active .ca-sub-badge__icon{
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-600, #7c3aed);
}

/* Trial */
.ca-sub-badge--trial{
  justify-content:center;
  min-width:64px;
  padding:6px 12px;
  border-color:var(--ca-s-blue-200, #bfdbfe);
  background:linear-gradient(135deg, var(--ca-s-blue-50, #eff6ff) 0%, var(--ca-s-blue-100, #dbeafe) 100%);
  color:var(--ca-t-blue-700, #1d4ed8);
}
.ca-sub-badge--trial .ca-sub-badge__content{
  align-items:center;
  text-align:center;
}
.ca-sub-badge--trial .ca-sub-badge__meta{
  color:var(--ca-t-blue-600, #2563eb);
  opacity:1;
}
.ca-sub-badge--trial.ca-sub-badge--urgent{
  border-color:var(--ca-s-amber-300, #fcd34d);
  background:linear-gradient(135deg, var(--ca-s-amber-50, #fffbeb) 0%, var(--ca-s-amber-100, #fef3c7) 100%);
  color:var(--ca-t-amber-700, #b45309);
  animation:ca-sub-badge-pulse 2.4s ease-in-out infinite;
}
.ca-sub-badge--trial.ca-sub-badge--urgent .ca-sub-badge__meta{
  color:var(--ca-t-amber-600, #d97706);
  opacity:1;
}

/* Warning / cancelled */
.ca-sub-badge--warning{
  border-color:var(--ca-s-red-200, #fecaca);
  background:linear-gradient(135deg, var(--ca-s-red-50, #fef2f2) 0%, var(--ca-s-red-100, #fee2e2) 100%);
  color:var(--ca-t-red-700, #b91c1c);
}
.ca-sub-badge--warning .ca-sub-badge__meta{
  color:var(--ca-t-red-600, #dc2626);
  opacity:1;
}
.ca-sub-badge--cancelled{
  border-color:var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-slate-50, #f8fafc);
  color:var(--ca-t-slate-500, #64748b);
}
.ca-sub-badge--cancelled .ca-sub-badge__meta{
  color:var(--ca-t-slate-400, #94a3b8);
  opacity:1;
}

@keyframes ca-sub-badge-pulse{
  0%, 100%{ box-shadow:0 1px 2px rgba(15,23,42,.05); }
  50%{ box-shadow:0 0 0 3px rgba(251,191,36,.22); }
}

@media (max-width: 768px){
  .ca-sub-badge__meta{
    display:none;
  }
  .ca-sub-badge{
    min-height:30px;
    padding:4px 10px 4px 8px;
  }
}

.ca-dashboard__placeholder{
  border:1px dashed var(--ca-s-xcbd5f5, #cbd5f5);
  background:var(--ca-s-slate-50, #f8fafc);
  border-radius:16px;
  padding:24px;
  color:var(--ca-t-slate-600, #475569);
}
.ca-dashboard__editor-content{
  margin-bottom:24px;
}
.ca-dashboard__editor-content > .wp-block-heading:first-child{
  display:none;
}
.ca-dashboard__editor-content .wp-block-site-title,
.ca-dashboard__editor-content .wp-block-site-tagline{
  display:none;
}
.ca-chip{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  padding:6px 10px;
  border-radius:999px;
  background:var(--ca-s-white, #ffffff);
  font-size:12px;
}
.ca-credits{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  font-size:13px;
  font-weight:500;
  color:var(--ca-t-violet-600, #7c3aed);
  background:linear-gradient(135deg, var(--ca-s-violet-50, #f5f3ff) 0%, var(--ca-s-violet-100, #ede9fe) 100%);
  border:1px solid var(--ca-s-violet-200, #ddd6fe);
  border-radius:999px;
  padding:6px 14px 6px 10px;
  cursor:pointer;
  transition:all .2s ease;
  box-shadow:0 1px 2px rgba(124,58,237,.08);
}
.ca-credits:hover{
  background:linear-gradient(135deg, var(--ca-s-violet-100, #ede9fe) 0%, var(--ca-s-violet-200, #ddd6fe) 100%);
  border-color:var(--ca-s-violet-300, #c4b5fd);
  box-shadow:0 2px 6px rgba(124,58,237,.15);
  transform:translateY(-1px);
}
.ca-credits__icon{
  flex-shrink:0;
  opacity:.8;
}
.ca-credits__count{
  font-weight:700;
  font-size:14px;
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-credits__label{
  color:var(--ca-t-violet-600, #7c3aed);
  opacity:.85;
}
.ca-btn-outline{
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-900, #111827);
}
.ca-avatar{
  width:28px;
  height:28px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--ca-s-blue-600, #2563eb),var(--ca-s-violet-600, #7c3aed));
  color:var(--ca-t-white, #ffffff);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  flex-shrink:0;
  overflow:hidden;
}
.ca-avatar svg{
  display:block;
  stroke:var(--ca-t-white, #ffffff);
}
.ca-avatar--photo{
  background:var(--ca-s-slate-200, #e2e8f0);
  padding:0;
}
.ca-avatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
/* Activity inbox (topbar bell) */
.ca-activity-inbox{
  position:relative;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-activity-inbox__trigger{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-width:36px;
  height:36px;
  padding:0 6px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
}
.ca-activity-inbox__trigger:hover{
  color:var(--ca-t-gray-600, #4b5563);
  border-color:var(--ca-s-violet-300, #c4b5fd);
}
.ca-activity-inbox.is-open .ca-activity-inbox__trigger{
  border-color:rgba(124,58,237,.45);
  color:var(--ca-t-violet-700, #6d28d9);
  box-shadow:0 0 0 2px rgba(124,58,237,.12);
}
.ca-activity-inbox__icon{
  display:inline-flex;
  line-height:0;
}
.ca-activity-inbox__badge{
  position:absolute;
  top:-7px;
  right:-4px;
  min-width:20px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
  font-size:11px;
  font-weight:700;
  line-height:18px;
  text-align:center;
  box-shadow:0 2px 6px rgba(109,40,217,.35);
}
.ca-activity-inbox__badge.is-empty{ display:none; }
.ca-activity-inbox__chev{
  display:block;
  color:var(--ca-t-gray-400, #9ca3af);
  transition:transform .16s ease;
}
.ca-activity-inbox.is-open .ca-activity-inbox__chev{
  transform:rotate(180deg);
}
.ca-activity-inbox__dropdown{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  width:min(380px, calc(100vw - 24px));
  max-height:min(70vh, 520px);
  display:none;
  flex-direction:column;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  box-shadow:0 12px 30px rgba(15,23,42,.14);
  z-index:1100;
  overflow:hidden;
}
/* Class display must not beat [hidden]; only show when explicitly open. */
.ca-activity-inbox__dropdown[hidden]{
  display:none !important;
}
.ca-activity-inbox.is-open .ca-activity-inbox__dropdown{
  display:flex;
}
.ca-activity-inbox__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-zinc-50, #fafafa);
}
.ca-activity-inbox__head-title{
  font-size:14px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-activity-inbox__clear{
  border:none;
  background:transparent;
  color:var(--ca-t-gray-500, #6b7280);
  font-family:inherit;
  font-size:13px;
  font-weight:500;
  cursor:pointer;
  padding:0;
}
.ca-activity-inbox__clear:hover{ color:var(--ca-t-violet-600, #7c3aed); }
.ca-activity-inbox__list{
  overflow-y:auto;
  max-height:min(60vh, 460px);
}
.ca-activity-inbox__item{
  padding:14px 16px 12px;
  border-bottom:1px solid var(--ca-s-xeef2f7, #eef2f7);
}
.ca-activity-inbox__item:last-child{ border-bottom:none; }
.ca-activity-inbox__item-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.ca-activity-inbox__item-title{
  margin:0;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  color:var(--ca-t-gray-900, #111827);
}
.ca-activity-inbox__dismiss{
  flex-shrink:0;
  width:22px;
  height:22px;
  border:none;
  border-radius:6px;
  background:transparent;
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:18px;
  line-height:1;
  cursor:pointer;
  padding:0;
}
.ca-activity-inbox__dismiss:hover{
  color:var(--ca-t-gray-500, #6b7280);
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-activity-inbox__item-body{
  margin:6px 0 0;
  font-size:13px;
  line-height:1.45;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-activity-inbox__item-meta{
  margin:6px 0 0;
  font-size:12px;
  color:var(--ca-t-slate-400, #94a3b8);
}
.ca-activity-inbox__empty{
  padding:28px 16px;
  text-align:center;
  color:var(--ca-t-slate-400, #94a3b8);
  font-size:13px;
}
.ca-activity-inbox__settings{
  display:block;
  text-align:center;
  padding:0 16px 20px;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-violet-600, #7c3aed);
  text-decoration:none;
}
.ca-activity-inbox__settings:hover{ text-decoration:underline; }

.ca-profile-menu{
  position:relative;
}
.ca-profile-menu__trigger{
  display:flex;
  align-items:center;
  gap:8px;
  height:36px;
  padding:0 10px 0 4px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
}
.ca-profile-menu__chev{
  display:block;
  color:var(--ca-t-gray-400, #9ca3af);
  transition:transform .16s ease;
}
.ca-profile-menu.is-open .ca-profile-menu__chev{
  transform:rotate(180deg);
}
.ca-profile-menu__dropdown{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  width:248px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  box-shadow:0 12px 30px rgba(15,23,42,.14);
  z-index:1100;
  overflow:hidden;
}
.ca-profile-menu__head{
  padding:12px 14px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-profile-menu__name{
  font-size:16px;
  font-weight:600;
  line-height:1.2;
  color:var(--ca-t-gray-900, #111827);
}
.ca-profile-menu__email{
  margin-top:2px;
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-profile-menu__item{
  display:block;
  padding:10px 14px;
  font-size:15px;
  color:var(--ca-t-gray-900, #111827);
  text-decoration:none;
  border-bottom:1px solid var(--ca-s-slate-100, #f1f5f9);
}
.ca-profile-menu__item:hover{
  background:var(--ca-s-slate-50, #f8fafc);
}
.ca-profile-menu__item.is-logout{
  color:var(--ca-t-red-600, #dc2626);
  border-bottom:none;
}
.ca-profile-menu__item--disabled{
  color:var(--ca-t-gray-400, #9ca3af);
  cursor:not-allowed;
  pointer-events:none;
}
.ca-profile-menu__item--locked{
  color:var(--ca-t-gray-400, #9ca3af);
  cursor:pointer;
}
.ca-profile-menu__item--locked:hover{
  color:var(--ca-t-gray-500, #6b7280);
  background:var(--ca-s-gray-50, #f9fafb);
}
button.ca-profile-menu__item{
  width:100%;
  border:none;
  background:transparent;
  text-align:left;
  cursor:pointer;
  font-family:inherit;
}
button.ca-profile-menu__item--action{
  color:var(--ca-t-violet-600, #7c3aed);
  font-weight:600;
}
.ca-partner-org-modal{
  position:fixed;
  inset:0;
  z-index:10050;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.ca-partner-org-modal[hidden]{
  display:none !important;
}
.ca-partner-org-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.45);
}
.ca-partner-org-modal__panel{
  position:relative;
  z-index:1;
  width:100%;
  max-width:460px;
  background:var(--ca-s-white, #ffffff);
  border-radius:16px;
  padding:28px 28px 24px;
  box-shadow:0 24px 64px rgba(15,23,42,.18);
}
.ca-partner-org-modal__panel h2{
  margin:0 36px 12px 0;
  font-size:20px;
  line-height:1.3;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-partner-org-modal__panel p{
  margin:0 0 12px;
  font-size:14px;
  line-height:1.5;
  color:var(--ca-t-slate-600, #475569);
}
.ca-partner-org-modal__close{
  position:absolute;
  top:12px;
  right:14px;
  border:none;
  background:transparent;
  font-size:24px;
  line-height:1;
  color:var(--ca-t-slate-400, #94a3b8);
  cursor:pointer;
}
.ca-partner-org-modal__actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:20px;
}
.ca-partner-org-modal__actions .ca-btn{
  justify-content:center;
  text-align:center;
}
body.ca-partner-org-modal-open{
  overflow:hidden;
}

.ca-dashboard__panel{
  background:var(--ca-s-slate-50, #f8fafc);
  border-radius:20px;
  padding:24px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-dashboard__summary{
  border:1px solid var(--ca-s-xdbe7ff, #dbe7ff);
  background:var(--ca-s-xf3f7ff, #f3f7ff);
  border-radius:16px;
  padding:16px;
  margin-bottom:20px;
}
.ca-dashboard__summary-header{
  font-size:12px;
  font-weight:700;
  color:var(--ca-t-blue-600, #2563eb);
  margin-bottom:10px;
}
.ca-dashboard__summary-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:10px;
}
.ca-dashboard__summary-value{
  font-weight:700;
  font-size:16px;
  color:var(--ca-t-gray-900, #111827);
}
.ca-dashboard__summary-label{
  font-size:11px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-dashboard__summary-agents{
  margin-top:12px;
  font-size:13px;
  color:var(--ca-t-slate-600, #475569);
}
.ca-dashboard__summary-clouds{
  margin-top:10px;
  font-size:13px;
  color:var(--ca-t-slate-600, #475569);
}
.ca-cloud-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:2px 8px;
  margin-left:6px;
  border-radius:999px;
  background:var(--ca-s-sky-100, #e0f2fe);
  color:var(--ca-t-sky-700, #0369a1);
  font-size:11px;
  font-weight:700;
  gap:6px;
}
.ca-cloud-badge img{
  width:18px;
  height:18px;
  border-radius:999px;
  background:var(--ca-s-white, #ffffff);
  object-fit:contain;
}
.ca-cloud-badge.is-locked{
  background:var(--ca-s-slate-100, #f1f5f9);
  color:var(--ca-t-slate-400, #94a3b8);
  opacity:0.7;
  filter:grayscale(1);
}
.ca-cloud-badge.is-locked img{
  filter:grayscale(1);
  opacity:0.7;
}
.ca-dashboard__summary-agent-list{
  list-style:none;
  padding:0;
  margin:8px 0 0;
  font-size:12px;
  color:var(--ca-t-gray-600, #4b5563);
}
.ca-dashboard__summary-agent-list li{
  margin-bottom:6px;
}
.ca-dashboard__summary-uploads{
  margin-top:10px;
  font-size:12px;
  color:var(--ca-t-gray-600, #4b5563);
}
.ca-dashboard__summary-uploads ul{
  margin:6px 0 0;
  padding:0;
  list-style:none;
}
.ca-dashboard__summary-uploads li{
  margin-bottom:4px;
}
.ca-panel-header{
  text-align:center;
  margin-bottom:22px;
}
.ca-panel-title{
  margin:0;
  font-size:26px;
  font-weight:700;
}
.ca-panel-subtitle{
  margin:4px 0 0;
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-dashboard__cards{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:24px;
}
.ca-dash-card{
  background:var(--ca-s-white, #ffffff);
  border-radius:16px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:300px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  position:relative;
}
.ca-dash-card__icon{
  width:40px;
  height:40px;
  border-radius:12px;
  background:var(--ca-s-violet-100, #ede9fe);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-dash-card__badge{
  align-self:flex-start;
  font-size:11px;
  padding:4px 10px;
  border-radius:999px;
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-600, #7c3aed);
  font-weight:600;
}
.ca-dash-card__badge--green{ background:var(--ca-s-green-100, #dcfce7); color:var(--ca-t-green-600, #16a34a); }
.ca-dash-card__badge--orange{ background:var(--ca-s-orange-100, #ffedd5); color:var(--ca-t-orange-600, #ea580c); }
.ca-dash-card__badge--purple{ background:var(--ca-s-violet-100, #ede9fe); color:var(--ca-t-violet-600, #7c3aed); }
.ca-dash-card__title{
  font-size:17px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-dash-card__credits{
  position:absolute;
  top:14px;
  right:14px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}
.ca-dash-card__credits-num{
  font-weight:800;
}
.ca-dash-card__credits-label{
  font-weight:600;
}
.ca-dash-card__credits--purple{
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-dash-card__credits--orange{
  background:var(--ca-s-orange-100, #ffedd5);
  color:var(--ca-t-orange-600, #ea580c);
}
.ca-dash-card__list{
  margin:0;
  padding-left:18px;
  color:var(--ca-t-gray-600, #4b5563);
  font-size:13px;
  line-height:1.5;
}
.ca-dash-card__cta{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.ca-dash-card__cta-arrow{
  flex-shrink:0;
  width:20px;
  height:20px;
}
.ca-dash-card__cta--green{ background:var(--ca-s-green-600, #16a34a); box-shadow: 0 10px 20px rgba(22, 163, 74, 0.18); }
.ca-dash-card__cta--orange{ background:var(--ca-s-orange-600, #ea580c); box-shadow: 0 10px 20px rgba(234, 88, 12, 0.18); }
.ca-dash-card__cta--purple{ background:var(--ca-s-violet-600, #7c3aed); box-shadow: 0 10px 20px rgba(124, 58, 237, 0.18); }

.ca-dash-card--purple .ca-dash-card__icon{ background:var(--ca-s-violet-100, #ede9fe); color:var(--ca-t-violet-600, #7c3aed); }
.ca-dash-card--green .ca-dash-card__icon{ background:var(--ca-s-green-100, #dcfce7); color:var(--ca-t-green-600, #16a34a); }
.ca-dash-card--orange .ca-dash-card__icon{ background:var(--ca-s-orange-100, #ffedd5); color:var(--ca-t-orange-600, #ea580c); }
.ca-dash-card.is-selected{
  border:2px solid var(--ca-s-green-200, #bbf7d0);
  box-shadow:0 12px 26px rgba(16,185,129,.15);
}

/* ── Disabled card (Direct Sales: Cloud Marketplace Programs) ── */
.ca-dash-card.is-disabled{
  opacity:.55;
  pointer-events:none;
  filter:grayscale(.3);
  border-color:var(--ca-s-slate-200, #e2e8f0);
  box-shadow:none;
}
.ca-dash-card.is-disabled .ca-dash-card__cta{
  background:var(--ca-s-slate-400, #94a3b8);
  box-shadow:none;
  cursor:default;
}
.ca-dash-card__toggle-wrap{
  position:absolute;
  top:16px;
  right:16px;
  display:flex;
  align-items:center;
  gap:8px;
  pointer-events:auto;
  z-index:2;
}
.ca-dash-card__toggle-label{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-slate-600, #475569);
}
.ca-dash-card__toggle{
  position:relative;
  display:inline-block;
  width:44px;
  height:24px;
  cursor:pointer;
}
.ca-dash-card__toggle input{
  opacity:0;
  width:0;
  height:0;
  position:absolute;
}
.ca-dash-card__toggle-slider{
  position:absolute;
  inset:0;
  background:var(--ca-s-slate-300, #cbd5e1);
  border-radius:24px;
  transition:background .2s ease;
}
.ca-dash-card__toggle-slider::before{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  left:3px;
  bottom:3px;
  background:var(--ca-s-white, #ffffff);
  border-radius:50%;
  transition:transform .2s ease;
  box-shadow:0 1px 3px rgba(0,0,0,.15);
}
.ca-dash-card__toggle input:checked + .ca-dash-card__toggle-slider{
  background:var(--ca-s-green-600, #16a34a);
}
.ca-dash-card__toggle input:checked + .ca-dash-card__toggle-slider::before{
  transform:translateX(20px);
}
.ca-dash-card[data-ca-toggleable-card]{
  position:relative;
}

.ca-gs-notice{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 12px;
  border:1px solid var(--ca-s-blue-200, #bfdbfe);
  background:var(--ca-s-blue-50, #eff6ff);
  border-radius:10px;
  margin:0 0 14px;
}
.ca-gs-notice__icon{
  width:18px;
  height:18px;
  border-radius:999px;
  background:var(--ca-s-blue-600, #2563eb);
  color:var(--ca-t-white, #ffffff);
  font-size:11px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ca-gs-notice__title{
  font-size:12px;
  font-weight:700;
  color:var(--ca-t-blue-900, #1e3a8a);
}
.ca-gs-notice__sub{
  font-size:11px;
  color:var(--ca-t-slate-500, #64748b);
}

/* Schedule Atlas Surface Review bar (top right, below navbar) */
.ca-gs-schedule-bar{
  display:flex;
  justify-content:flex-end;
  margin-bottom:16px;
}
.ca-gs-schedule-bar__btn{
  font-weight:600;
  font-size:14px;
  padding:10px 18px;
}

.ca-gs-track{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  background:var(--ca-s-white, #ffffff);
  padding:12px 14px;
  margin:14px 0 14px;
}
.ca-gs-track__top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
}
.ca-gs-track__label{
  font-size:11px;
  color:var(--ca-t-slate-500, #64748b);
  margin-bottom:6px;
}
.ca-gs-track__label span{
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-700, #6d28d9);
  border-radius:999px;
  padding:2px 8px;
  font-weight:700;
}
.ca-gs-track__title{
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-gs-track__sub{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-gs-track__score{
  text-align:right;
}
.ca-gs-track__pct{
  font-size:34px;
  line-height:1;
  font-weight:700;
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-gs-track__reset{
  margin-top:6px;
  border:1px solid var(--ca-s-orange-300, #fdba74);
  background:var(--ca-s-orange-50, #fff7ed);
  color:var(--ca-t-orange-700, #c2410c);
  border-radius:8px;
  font-size:11px;
  padding:4px 8px;
  cursor:pointer;
}
.ca-gs-track__bar{
  margin-top:10px;
  height:7px;
  border-radius:999px;
  background:var(--ca-s-gray-200, #e5e7eb);
  overflow:hidden;
}
.ca-gs-track__bar span{
  display:block;
  height:100%;
  border-radius:999px;
  background:var(--ca-s-gray-900, #111827);
}

.ca-gs-steps{
  margin-bottom:20px;
}
.ca-gs-steps__title{
  margin:0 0 10px;
  font-size:14px;
  color:var(--ca-t-slate-700, #334155);
}
.ca-gs-step{
  display:flex;
  gap:10px;
  align-items:flex-start;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  padding:12px;
  margin-bottom:10px;
}
.ca-gs-step__num{
  width:20px;
  height:20px;
  border-radius:999px;
  background:var(--ca-s-slate-100, #f1f5f9);
  color:var(--ca-t-slate-500, #64748b);
  font-size:11px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.ca-gs-step__icon{
  width:30px;
  height:30px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  background:var(--ca-s-blue-50, #eff6ff);
}
.ca-gs-step__name{
  font-size:14px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-gs-step__desc{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:2px 0 8px;
}
.ca-gs-step__btn{
  border:0;
  border-radius:8px;
  background:linear-gradient(135deg,var(--ca-s-blue-600, #2563eb),var(--ca-s-violet-600, #7c3aed));
  color:var(--ca-t-white, #ffffff);
  font-size:11px;
  font-weight:700;
  padding:6px 10px;
  cursor:pointer;
}

.ca-dashboard__help{
  margin-top:24px;
}
.ca-help-header h2{
  margin:0;
  font-size:18px;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-help-header p{
  margin:4px 0 12px;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:13px;
}
.ca-help-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:12px;
}
.ca-help-card{
  background:var(--ca-s-white, #ffffff);
  border-radius:12px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  padding:12px;
  display:flex;
  align-items:center;
  gap:12px;
}
.ca-help-card__icon{
  width:34px;
  height:34px;
  border-radius:10px;
  background:var(--ca-s-indigo-50, #eef2ff);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
  color:var(--ca-t-indigo-600, #4f46e5);
}
.ca-help-card__title{
  font-size:13px;
  font-weight:700;
}
.ca-help-card__desc{
  font-size:11px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-help-card--warn{
  border-color:var(--ca-s-orange-200, #fed7aa);
  background:var(--ca-s-orange-50, #fff7ed);
}

/* Questionnaire */
.ca-questionnaire{
  max-width:840px;
  margin:0 auto;
  font-family: "Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-questionnaire__header{
  text-align:center;
  margin-bottom:24px;
}
.ca-questionnaire__card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:18px;
  padding:28px;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
}
.ca-questionnaire__progress{
  display:flex;
  gap:8px;
  justify-content:center;
  margin-bottom:18px;
}
.ca-questionnaire__step{
  width:30px;
  height:30px;
  border-radius:999px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  color:var(--ca-t-slate-400, #94a3b8);
}
.ca-questionnaire__step.is-active{
  background:var(--ca-s-blue-600, #2563eb);
  color:var(--ca-t-white, #ffffff);
  border-color:var(--ca-s-blue-600, #2563eb);
}
.ca-questionnaire__title{
  font-size:18px;
  font-weight:550;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 8px;
  display:flex;
  align-items:center;
  gap:10px;
}
.ca-questionnaire__title-icon{
  width:20px;
  height:20px;
  color:var(--ca-t-blue-600, #2563eb);
  flex-shrink:0;
}
.ca-questionnaire__desc{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.6;
  margin:0 0 20px;
}
.ca-questionnaire__actions{
  display:flex;
  justify-content:flex-end;
  gap:12px;
}
.ca-questionnaire__form{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:20px;
}
.ca-questionnaire__label{
  color:var(--ca-t-x1f2130, #1f2130);
  font-weight:500;
}
.ca-questionnaire__label--upload{
  margin-top:14px;
  font-size:0.92em;
  color:var(--ca-t-x4a4d5e, #4a4d5e);
}
.ca-questionnaire__input{
  border:1px solid var(--ca-s-xd8dbe8, #d8dbe8);
  border-radius:12px;
  padding:12px 14px;
  font-size:15px;
}
.ca-questionnaire__notice{
  min-height:18px;
  color:var(--ca-t-red-600, #dc2626);
  font-size:13px;
  margin:0;
}
.ca-questionnaire__progress-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
  gap:8px;
}
.ca-questionnaire__progress-title{
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-slate-500, #64748b);
}
.ca-questionnaire__progress-count{
  font-size:15px;
  font-weight:700;
  color:var(--ca-t-slate-800, #1e293b);
}
.ca-questionnaire__step.is-complete{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-700, #1d4ed8);
  border-color:var(--ca-s-blue-200, #bfdbfe);
}
.ca-questionnaire__step.is-disabled{
  opacity:0.55;
}
.ca-questionnaire__panel{
  display:none;
}
.ca-questionnaire__panel.is-active{
  display:block;
}
.ca-questionnaire__field-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.ca-questionnaire__field-grid--two{
  grid-template-columns:1fr;
  margin-top:10px;
}
.ca-questionnaire__field{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:20px;
}
.ca-questionnaire__field[hidden]{
  display:none !important;
}
.ca-questionnaire__field--full{
  margin-top:4px;
  margin-bottom:20px;
}
.ca-questionnaire__textarea,
.ca-questionnaire__select{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  padding:10px 36px 10px 12px;
  font-size:14px;
  background:var(--ca-s-white, #ffffff);
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color:var(--ca-t-gray-900, #111827);
  min-height:42px;
}
.ca-questionnaire__select{
  appearance:none;
  cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:16px;
  padding-right:40px;
}
.ca-questionnaire__select:focus{
  outline:none;
  border-color:var(--ca-s-blue-600, #2563eb);
  box-shadow:0 0 0 2px rgba(37, 99, 235, 0.15);
}
.ca-questionnaire__select:hover{
  border-color:var(--ca-s-gray-300, #d1d5db);
}
.ca-questionnaire__textarea{
  resize:vertical;
  min-height:100px;
  padding:12px 14px;
}
.ca-questionnaire__fieldset{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
  padding:14px;
  margin:0 0 20px;
}
.ca-questionnaire__fieldset[hidden]{
  display:none !important;
}
.ca-questionnaire__checkbox-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:8px 18px;
  margin-top:8px;
}
.ca-questionnaire__checkbox-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:8px;
}
.ca-questionnaire__checkbox-column{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:8px;
}
.ca-questionnaire__checkbox{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  color:var(--ca-t-gray-900, #111827);
}
.ca-questionnaire__checkbox input[type="checkbox"]{
  width:15px;
  height:15px;
}
.ca-questionnaire__hint{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-questionnaire__dynamic-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:8px 0 10px;
}
.ca-questionnaire__dynamic-row{
  display:flex;
  gap:10px;
  align-items:center;
}
.ca-questionnaire__dynamic-row .ca-questionnaire__input{
  flex:1;
  min-width:0;
}
.ca-questionnaire__remove{
  width:34px;
  height:34px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  background:var(--ca-s-white, #ffffff);
  border-radius:10px;
  cursor:pointer;
  color:var(--ca-t-gray-900, #111827);
  font-size:20px;
  line-height:1;
}
.ca-questionnaire__add-btn{
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  background:var(--ca-s-white, #ffffff);
  border-radius:10px;
  padding:9px 12px;
  font-size:14px;
  font-weight:500;
  width:max-content;
  cursor:pointer;
}
.ca-questionnaire__add-btn:disabled{
  opacity:0.55;
  cursor:not-allowed;
}
.ca-questionnaire__cloud-cards{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:12px 0;
}
.ca-questionnaire__cloud-card{
  border:1px solid var(--ca-s-xdbe1ef, #dbe1ef);
  border-radius:14px;
  background:var(--ca-s-slate-50, #f8fafc);
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ca-questionnaire__cloud-card[hidden]{
  display:none !important;
}
.ca-questionnaire__cloud-title{
  font-size:24px;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-questionnaire__cloud-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--ca-s-slate-300, #cbd5e1);
  border-radius:999px;
  padding:2px 9px;
  font-size:12px;
  font-weight:700;
  color:var(--ca-t-slate-800, #1e293b);
  margin-right:8px;
}
.ca-questionnaire__cloud-listed-fields{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ca-questionnaire__cloud-listed-fields[hidden]{
  display:none !important;
}
.ca-questionnaire__cloud-offer-fields{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ca-questionnaire__cloud-offer-fields[hidden]{
  display:none !important;
}
.ca-questionnaire__upload-block{
  margin-top:8px;
  padding-top:16px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-questionnaire__upload-input{
  margin-top:8px;
  font-size:14px;
  max-width:100%;
}
.ca-questionnaire__upload-list{
  list-style:none;
  margin:12px 0 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ca-questionnaire__upload-file{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding:10px 12px;
  background:var(--ca-s-gray-50, #f9fafb);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
}
.ca-questionnaire__upload-file-name{
  font-size:14px;
  font-weight:500;
  color:var(--ca-t-gray-900, #111827);
  flex:1;
  min-width:0;
  word-break:break-word;
}
.ca-questionnaire__upload-file-meta{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
@media (min-width: 900px){
  .ca-questionnaire{
    max-width:980px;
  }
  .ca-questionnaire__field-grid{
    grid-template-columns:1fr 1fr;
  }
  .ca-questionnaire__field--full{
    grid-column:1 / -1;
  }
  .ca-questionnaire__field-grid--two{
    grid-template-columns:1fr 1fr;
  }
  .ca-questionnaire__checkbox-grid{
    grid-template-columns:1fr 1fr;
  }
}
.ca-admin{
  max-width:1200px;
  margin:0 auto;
  padding:40px 24px;
}
.ca-admin__header h1{
  margin:0 0 6px;
  font-size:28px;
}
.ca-admin__grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap:24px;
  margin-top:24px;
}
.ca-admin__panel{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-xe3e6f4, #e3e6f4);
  border-radius:16px;
  padding:20px;
  box-shadow:0 18px 40px rgba(15, 15, 30, 0.06);
}
.ca-admin__panel h2{
  margin:0 0 12px;
  font-size:18px;
}
.ca-admin__table{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}
.ca-admin__table th,
.ca-admin__table td{
  text-align:left;
  padding:8px 6px;
  border-bottom:1px solid var(--ca-s-xeef0f7, #eef0f7);
}
.ca-admin__table tbody tr{
  cursor:pointer;
}
.ca-admin__form{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ca-admin__form input{
  width:100%;
  border:1px solid var(--ca-s-xd8dbe8, #d8dbe8);
  border-radius:10px;
  padding:10px 12px;
  font-size:14px;
}
.ca-admin__row{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap:10px;
}
.ca-admin__notice{
  min-height:18px;
  color:var(--ca-t-x6d7086, #6d7086);
  font-size:13px;
  margin:0;
}

.ca-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  z-index:999;
}
.ca-modal.is-open{
  display:flex;
}
.ca-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(15, 23, 42, 0.45);
}
.ca-modal__panel{
  position:relative;
  z-index:2;
  background:var(--ca-s-white, #ffffff);
  border-radius:16px;
  padding:20px;
  width:min(520px, 92vw);
  box-shadow:0 24px 60px rgba(15, 23, 42, 0.18);
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-modal__panel--wide{
  width:min(900px, 94vw);
  max-height:90vh;
  display:flex;
  flex-direction:column;
}
.ca-modal__panel--wide .ca-modal__top{
  position:relative;
  flex-shrink:0;
  margin-bottom:14px;
  padding-bottom:12px;
  padding-right:56px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-modal__panel--wide .ca-modal__top > .ca-modal__close{
  position:absolute;
  top:50%;
  right:16px;
  transform:translateY(-50%);
  z-index:10;
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
  padding:0;
  line-height:1;
  font-size:0;
  box-shadow:0 1px 2px rgba(15,23,42,.08);
  transition:background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.ca-modal__panel--wide .ca-modal__top > .ca-modal__close:hover{
  background:var(--ca-s-gray-50, #f9fafb);
  border-color:var(--ca-s-gray-400, #9ca3af);
  color:var(--ca-t-gray-900, #111827);
  box-shadow:0 2px 6px rgba(15,23,42,.12);
}
.ca-modal__panel--wide .ca-modal__top > .ca-modal__close svg{
  display:block;
  flex-shrink:0;
}
.ca-modal__panel--wide .ca-modal__body{
  flex:1;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0 4px 0 0;
  min-height:0;
}
.ca-modal__panel--wide .ca-modal__actions{
  flex-shrink:0;
  padding-top:16px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
  margin-top:0;
}
.ca-modal__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:14px;
}
.ca-modal__step{
  font-weight:700;
  font-size:16px;
}
.ca-modal__close{
  border:0;
  background:var(--ca-s-slate-100, #f1f5f9);
  border-radius:8px;
  padding:6px 10px;
  cursor:pointer;
}
.ca-modal__close--circle{
  width:32px;
  height:32px;
  padding:0;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--ca-t-gray-600, #4b5563);
}
.ca-modal__close--circle:hover{
  background:var(--ca-s-gray-200, #e5e7eb);
  color:var(--ca-t-gray-900, #111827);
}
.ca-modal__close--strategy{
  background:none;
  border:0;
  font-size:22px;
  line-height:1;
  color:var(--ca-t-gray-400, #9ca3af);
  cursor:pointer;
  padding:4px 8px;
  border-radius:6px;
  align-self:flex-start;
  flex-shrink:0;
}
.ca-modal__close--strategy:hover{
  color:var(--ca-t-gray-900, #111827);
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-modal__form,
.ca-modal__form label,
.ca-modal__form input,
.ca-modal__form select,
.ca-modal__form textarea{
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-modal__form{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ca-modal__form label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:13px;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-modal__form input,
.ca-modal__form select,
.ca-modal__form textarea{
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:10px;
  padding:10px 12px;
  font-size:14px;
}
.ca-modal__notice{
  min-height:18px;
  font-size:12px;
  color:var(--ca-t-slate-500, #64748b);
  margin:0;
}
.ca-notice-reload-btn{
  display:inline;
  margin-left:4px;
  padding:0;
  border:0;
  background:none;
  color:var(--ca-t-violet-700, #6d28d9);
  font:inherit;
  font-weight:600;
  text-decoration:underline;
  cursor:pointer;
}
.ca-notice-reload-btn:hover{
  color:var(--ca-t-violet-800, #5b21b6);
}
.ca-modal__actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}
.ca-modal__head-with-icon{
  display:flex;
  gap:12px;
  flex:1;
}
.ca-modal__head-icon{
  width:40px;
  height:40px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.ca-modal__head-icon--blue{
  background:var(--ca-s-blue-100, #dbeafe);
}
.ca-modal__head-icon--purple{
  background:var(--ca-s-purple-100, #f3e8ff);
}
.ca-modal__desc{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.5;
  margin:6px 0 0;
}
.ca-modal__required{
  color:var(--ca-t-red-600, #dc2626);
}
.ca-modal__field{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ca-modal__field-label{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-modal__field-hint{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
}
.ca-modal__duration-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.ca-modal__duration-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.ca-modal__duration-card{
  cursor:pointer;
  margin:0;
}
.ca-modal__duration-card-inner{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:16px 20px;
  border:1.5px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  background:var(--ca-s-white, #ffffff);
  transition:border-color .15s, background .15s, box-shadow .15s;
}
.ca-modal__duration-card:has(input:checked) .ca-modal__duration-card-inner{
  border-color:var(--ca-s-indigo-500, #6366f1);
  background:var(--ca-s-violet-50, #f5f3ff);
  box-shadow:0 2px 8px rgba(99, 102, 241, 0.12);
}
.ca-modal__duration-radio{
  position:absolute;
  top:-5px;
  left:-5px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:transparent;
  border:0;
  transition:background .15s;
}
.ca-modal__duration-card:has(input:checked) .ca-modal__duration-radio{
  background:var(--ca-s-slate-800, #1e293b);
}
.ca-modal__duration-title{
  display:flex;
  align-items:center;
  gap:6px;
  font-weight:600;
  font-size:14px;
  color:var(--ca-t-gray-900, #111827);
}
.ca-modal__duration-card-inner{
  position:relative;
  overflow:hidden;
}
.ca-modal__form--strategy{
  gap:16px;
}
.ca-modal__form--strategy .ca-modal__field{
  gap:10px;
}
.ca-modal__credit-pill{
  display:inline-block;
  padding:3px 10px;
  border-radius:6px;
  font-size:12px;
  font-weight:600;
  width:fit-content;
}
.ca-modal__credit-pill--blue{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-700, #1d4ed8);
}
.ca-modal__credit-pill--purple{
  background:var(--ca-s-purple-100, #f3e8ff);
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-modal__credit-pill--orange{
  background:var(--ca-s-orange-100, #ffedd5);
  color:var(--ca-t-orange-700, #c2410c);
}
.ca-modal__credit-pill--green{
  background:var(--ca-s-emerald-100, #d1fae5);
  color:var(--ca-t-emerald-700, #047857);
}
.ca-modal__duration-desc{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.4;
}
.ca-modal__examples{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.5;
  margin-top:6px;
}
.ca-modal__credit-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.ca-modal__credit-card input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.ca-modal__credit-card{
  cursor:pointer;
  margin:0;
}
.ca-modal__credit-card-inner{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:12px 14px;
  border:1.5px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  transition:border-color .15s, background .15s;
}
.ca-modal__credit-card:has(input:checked) .ca-modal__credit-card-inner{
  border-color:var(--ca-s-violet-400, #a78bfa);
  background:var(--ca-s-purple-50, #faf5ff);
}
.ca-modal__credit-card-title{
  font-weight:600;
  font-size:13px;
  color:var(--ca-t-gray-900, #111827);
}
.ca-modal__credit-card-desc{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.4;
}
.ca-modal__credit-card--full{
  grid-column:1 / -1;
}
.ca-modal__credit-card--full .ca-modal__credit-card-inner{
  position:relative;
  overflow:hidden;
}
.ca-modal__credit-card--full .ca-modal__duration-radio{
  position:absolute;
  top:-5px;
  left:-5px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:transparent;
  border:0;
}
.ca-modal__credit-card--full:has(input:checked) .ca-modal__duration-radio{
  background:var(--ca-s-slate-800, #1e293b);
}
.ca-modal__credit-pill--gray{
  background:var(--ca-s-slate-100, #f1f5f9);
  color:var(--ca-t-slate-600, #475569);
}
.ca-modal__label-text{
  display:inline;
}
.ca-modal__label-text .ca-modal__required{
  color:var(--ca-t-red-600, #dc2626);
}
.ca-modal__file-input{
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:10px;
  padding:10px 12px;
  font-size:14px;
  background:var(--ca-s-white, #ffffff);
  cursor:pointer;
}
.ca-modal__file-input::file-selector-button{
  background:var(--ca-s-slate-50, #f8fafc);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:6px;
  padding:6px 14px;
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
  margin-right:12px;
}
.ca-modal__file-input::file-selector-button:hover{
  background:var(--ca-s-slate-100, #f1f5f9);
}
.ca-modal__panel--strategy{
  width:80vw;
  height:80vh;
  padding:28px 32px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.ca-modal__panel--custom{
  width:80vw;
  height:80vh;
  padding:28px 32px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.ca-modal__panel--custom .ca-modal__body{
  flex:1;
  overflow-y:auto;
  overflow-x:hidden;
}
.ca-modal__panel--custom .ca-modal__top{
  align-items:flex-start;
  margin-bottom:20px;
}
.ca-modal__panel--strategy .ca-modal__top{
  align-items:flex-start;
  margin-bottom:20px;
}
.ca-modal__panel--strategy .ca-modal__body{
  flex:1;
  overflow-y:auto;
  overflow-x:hidden;
}
.ca-modal__form--strategy .ca-modal__form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 20px;
}
.ca-modal__form--strategy .ca-modal__form-grid label{
  margin:0;
}
.ca-modal__input-wrap{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.ca-modal__input-with-icon{
  position:relative;
  display:block;
}
.ca-modal__input-with-icon input{
  width:100%;
  padding-right:40px;
}
.ca-modal__input-icon{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  color:var(--ca-t-gray-400, #9ca3af);
  pointer-events:none;
}
.ca-modal__input-with-icon input[type="date"]::-webkit-calendar-picker-indicator,
.ca-modal__input-with-icon input[type="time"]::-webkit-calendar-picker-indicator{
  opacity:0;
  position:absolute;
  right:0;
  width:36px;
  height:100%;
  cursor:pointer;
}
.ca-modal__panel--strategy .ca-modal__submit-btn{
  background:var(--ca-s-gray-900, #111827);
  color:var(--ca-t-white, #ffffff);
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 18px;
  border-radius:10px;
  font-size:14px;
  font-weight:600;
}
.ca-modal__panel--strategy .ca-modal__submit-btn:hover{
  background:var(--ca-s-gray-800, #1f2937);
}
.ca-modal__panel--strategy .ca-modal__step{
  font-size:17px;
}
.ca-stepper{
  display:flex;
  gap:8px;
  margin-bottom:14px;
}
.ca-stepper span{
  width:22px;
  height:22px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  background:var(--ca-s-slate-200, #e2e8f0);
  color:var(--ca-t-slate-500, #64748b);
  font-weight:700;
}
.ca-stepper span.is-active{
  background:var(--ca-s-indigo-500, #6366f1);
  color:var(--ca-t-white, #ffffff);
}
.ca-step{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ca-chat-widget{
  position:fixed;
  right:18px;
  bottom:18px;
  width:320px;
  background:var(--ca-s-white, #ffffff);
  border-radius:16px;
  box-shadow:0 18px 50px rgba(15, 23, 42, 0.2);
  display:none;
  flex-direction:column;
  overflow:hidden;
  z-index:1000;
}
.ca-chat-widget.is-open{
  display:flex;
}
.ca-chat-widget__header{
  background:var(--ca-s-gray-900, #111827);
  color:var(--ca-t-white, #ffffff);
  padding:12px 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:13px;
}
.ca-chat-widget__header button{
  background:transparent;
  border:0;
  color:var(--ca-t-white, #ffffff);
  cursor:pointer;
}
.ca-chat-widget__body{
  padding:12px;
  max-height:240px;
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ca-chat-widget__message{
  font-size:12px;
  padding:8px 10px;
  border-radius:10px;
  background:var(--ca-s-slate-100, #f1f5f9);
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-chat-widget__message.is-user{
  background:var(--ca-s-indigo-100, #e0e7ff);
  align-self:flex-end;
}
.ca-chat-widget__message.is-system{
  background:var(--ca-s-slate-50, #f8fafc);
  color:var(--ca-t-slate-600, #475569);
}
.ca-chat-widget__form{
  display:flex;
  border-top:1px solid var(--ca-s-slate-200, #e2e8f0);
}
.ca-chat-widget__form input{
  flex:1;
  border:0;
  padding:10px 12px;
  font-size:12px;
}
.ca-chat-widget__form button{
  border:0;
  background:var(--ca-s-indigo-500, #6366f1);
  color:var(--ca-t-white, #ffffff);
  padding:0 14px;
  cursor:pointer;
}
.ca-section{
  max-width:900px;
  margin:0 auto;
  padding:40px 24px;
}
.ca-section__header h1{
  margin:0 0 6px;
  font-size:28px;
}
.ca-section__header p{
  margin:0 0 20px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-section__content{
  background:var(--ca-s-white, #ffffff);
  border-radius:16px;
  padding:24px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
}
.ca-profile__grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
}
.ca-profile__photo{
  display:flex;
  align-items:center;
  gap:18px;
  padding:16px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:14px;
  background:var(--ca-s-white, #ffffff);
}
.ca-profile__photo-preview{
  width:72px;
  height:72px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--ca-s-blue-600, #2563eb),var(--ca-s-violet-600, #7c3aed));
  color:var(--ca-t-white, #ffffff);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  overflow:hidden;
}
.ca-profile__photo-preview.has-image{
  background:var(--ca-s-slate-200, #e2e8f0);
}
.ca-profile__photo-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.ca-profile__photo-fields{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ca-profile__photo-title{
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-profile__photo-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
.ca-profile__photo-input{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.ca-profile__photo-choose{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  cursor:pointer;
  font-weight:600;
}
.ca-profile__photo-filename{
  font-size:13px;
  font-weight:500;
  color:var(--ca-t-slate-500, #64748b);
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-profile__photo-hint{
  margin:0;
  font-size:12px;
  color:var(--ca-t-slate-500, #64748b);
  line-height:1.4;
}
.ca-profile__photo-remove{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:500;
  color:var(--ca-t-slate-600, #475569);
  cursor:pointer;
}
.ca-profile__photo-remove input{
  width:auto;
  margin:0;
  accent-color:var(--ca-s-violet-600, #7c3aed);
}
.ca-profile{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.ca-profile label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-profile input{
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:12px;
  padding:10px 12px;
  font-size:14px;
  background:var(--ca-s-slate-50, #f8fafc);
  transition:border-color 0.15s ease, box-shadow 0.15s ease;
}
.ca-profile input:focus{
  outline:none;
  border-color:var(--ca-s-indigo-500, #6366f1);
  box-shadow:0 0 0 3px rgba(99, 102, 241, 0.15);
  background:var(--ca-s-white, #ffffff);
}
.ca-profile__notice{
  margin:12px 0 0;
  font-size:12px;
  color:var(--ca-t-slate-500, #64748b);
}

/* Mid-width screens (iPad Pro etc.): the sidebar now collapses into the
   hamburger pattern at this breakpoint too (see the off-canvas rules below),
   so we only need the inner-grid tweaks here. */
@media (max-width: 1100px) and (min-width: 769px){
  .ca-dashboard__cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ca-help-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Hamburger toggle button (hidden by default, shown on mobile) */
.ca-dashboard__menu-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  background:none;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  padding:6px 8px;
  cursor:pointer;
  color:var(--ca-t-slate-600, #475569);
}
.ca-dashboard__menu-toggle svg{
  display:block;
}

/* Close button inside sidebar (hidden on desktop, shown on mobile) */
.ca-dashboard__sidebar-close{
  display:none;
  position:absolute;
  top:14px;
  right:14px;
  background:none;
  border:none;
  padding:4px;
  cursor:pointer;
  color:var(--ca-t-slate-500, #64748b);
  border-radius:6px;
  transition:background .15s, color .15s;
}
.ca-dashboard__sidebar-close:hover{
  background:var(--ca-s-slate-100, #f1f5f9);
  color:var(--ca-t-slate-900, #0f172a);
}

/* Overlay behind open sidebar on mobile */
.ca-dashboard__sidebar-overlay{
  display:none;
}

/* ══════ Sidebar collapses into a hamburger on tablets too ══════
   Below 1100px (iPad Pro and smaller) the sidebar slides off-canvas and is
   re-opened from the topbar hamburger. This frees the full content width on
   iPad widths so toolbars/grids no longer feel cramped. */
@media (max-width: 1100px){
  .ca-dashboard{
    grid-template-columns: 1fr;
  }
  .ca-dashboard__menu-toggle{
    display:flex;
  }
  .ca-dashboard__sidebar-close{
    display:block;
  }

  /* Off-canvas sidebar */
  .ca-dashboard__sidebar{
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    width:270px;
    height:100vh;
    transform:translateX(-100%);
    transition:transform .25s ease;
    overflow-y:auto;
    box-shadow:none;
    padding-top:44px;
  }
  .ca-dashboard__sidebar.is-open{
    transform:translateX(0);
    box-shadow:4px 0 24px rgba(0,0,0,.12);
  }

  .ca-dashboard__sidebar-overlay{
    position:fixed;
    inset:0;
    z-index:999;
    background:rgba(0,0,0,.3);
    display:none;
  }
  .ca-dashboard__sidebar-overlay.is-visible{
    display:block;
  }

  .ca-sidebar-cta-card{
    display:none;
  }
  .ca-dashboard__content{
    min-width:0;
    overflow-x:visible;
  }
}

/* ══════ Collapsible desktop sidebar ══════
   The rail button sits at the footer of the visible sidebar viewport and
   stays there while the nav scrolls. State lives on
   <body class="ca-nav-collapsed">, written server-side from the stored
   preference so there is no flash on load. Only meaningful above 1100px —
   below that the sidebar is already an off-canvas drawer. */
.ca-nav-collapse{
  display:none;
  align-items:center;
  justify-content:flex-end;
  flex-shrink:0;
  margin-top:auto;
  padding-top:10px;
  padding-bottom:2px;
  background:var(--ca-s-white, #ffffff);
  border-top:1px solid var(--ca-s-slate-200, #e2e8f0);
  z-index:3;
}
.ca-nav-collapse__btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  padding:0;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  color:var(--ca-t-slate-500, #64748b);
  cursor:pointer;
  transition:background .15s, color .15s, border-color .15s;
}
.ca-nav-collapse__btn:hover{
  background:var(--ca-s-indigo-50, #eef2ff);
  border-color:var(--ca-s-indigo-200, #c7d2fe);
  color:var(--ca-t-indigo-700, #4338ca);
}
.ca-nav-collapse__btn svg{
  display:block;
  transition:transform .18s ease;
}

@media (min-width: 1101px){
  /* Pin the sidebar to the viewport so its footer stays on-screen while the
     page content scrolls, and let the middle of the rail scroll under it. */
  .ca-dashboard__sidebar{
    position:sticky;
    top:0;
    align-self:start;
    height:100vh;
    height:100dvh;
    max-height:100vh;
    max-height:100dvh;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .ca-dashboard__nav{
    flex:1 1 auto;
    min-height:0;
  }
  .ca-nav-collapse{
    display:flex;
    position:sticky;
    bottom:0;
  }
  .ca-dashboard{
    transition:grid-template-columns .18s ease;
  }

  body.ca-nav-collapsed .ca-dashboard__sidebar{
    padding-left:12px;
    padding-right:12px;
    align-items:stretch;
  }

  /* Brand swaps the full wordmark for the square Atlas mark. */
  body.ca-nav-collapsed .ca-dashboard__brand{
    justify-content:center;
  }
  body.ca-nav-collapsed .ca-dashboard__brand-img{
    display:none;
  }
  body.ca-nav-collapsed .ca-dashboard__brand a{
    width:41px;
    height:41px;
    background:no-repeat center/contain url("assets/img/atlas-mark.png");
  }

  body.ca-nav-collapsed .ca-nav-collapse{
    justify-content:center;
  }
  body.ca-nav-collapsed .ca-nav-collapse__btn svg{
    transform:rotate(180deg);
  }

  /* Icon-only nav rows. */
  body.ca-nav-collapsed .ca-dashboard__nav-list a{
    justify-content:center;
    gap:0;
    padding:9px 0;
  }
  body.ca-nav-collapsed .ca-nav-label,
  body.ca-nav-collapsed .ca-dashboard__nav-list .ca-pill,
  body.ca-nav-collapsed .ca-dashboard__nav-list .ca-dashboard__nav-heading,
  body.ca-nav-collapsed .ca-dashboard__nav-title,
  body.ca-nav-collapsed .ca-sidebar-cta-card,
  body.ca-nav-collapsed .ca-dna-sidebar-products-wrap,
  body.ca-nav-collapsed .ca-dna-sidebar-upload,
  body.ca-nav-collapsed .ca-aproj-nav__tree,
  body.ca-nav-collapsed .ca-aproj-nav__caret{
    display:none;
  }
  body.ca-nav-collapsed .ca-dashboard__nav-list .ca-dashboard__nav-sep{
    margin:8px 6px;
  }
  /* Bare text nodes (e.g. the seller "View as Customer" link) collapse away
     without needing a wrapper element; sized icons are unaffected. */
  body.ca-nav-collapsed .ca-dashboard__view-toggle{
    justify-content:center;
    font-size:0;
    padding-left:0;
    padding-right:0;
  }

  /* Hover tooltips stand in for the hidden labels. Keep vertical scrolling so
     the sticky collapse footer still works; tooltips sit outside via left offset. */
  body.ca-nav-collapsed .ca-dashboard__sidebar--dna,
  body.ca-nav-collapsed .ca-aproj-page .ca-dashboard__sidebar{
    overflow-x:visible;
    overflow-y:auto;
  }
  body.ca-nav-collapsed .ca-dashboard__nav-list li[data-ca-nav-tip]{
    position:relative;
  }
  body.ca-nav-collapsed .ca-dashboard__nav-list li[data-ca-nav-tip]::after{
    content:attr(data-ca-nav-tip);
    position:absolute;
    top:50%;
    left:calc(100% + 12px);
    transform:translateY(-50%);
    z-index:1200;
    padding:6px 10px;
    border-radius:8px;
    background:var(--ca-s-slate-900, #0f172a);
    color:var(--ca-t-white, #ffffff);
    font-size:12px;
    font-weight:600;
    line-height:1.2;
    white-space:nowrap;
    box-shadow:0 6px 18px rgba(15,23,42,.18);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .12s ease, visibility .12s ease;
  }
  body.ca-nav-collapsed .ca-dashboard__nav-list li[data-ca-nav-tip]:hover::after{
    opacity:1;
    visibility:visible;
  }
}

/* Tighter spacing + typography only on true small screens */
@media (max-width: 768px){
  .ca-dashboard__content{
    padding:14px 14px 30px;
  }
  .ca-dashboard__topbar{
    margin:-14px -14px 16px;
    padding:10px 12px;
    flex-wrap:wrap;
    gap:10px;
  }
  .ca-dashboard__cards{
    grid-template-columns: 1fr;
  }
  .ca-help-grid{
    grid-template-columns: 1fr;
  }
  .ca-onboarding__cards{
    grid-template-columns: 1fr;
  }
  .ca-onboarding__motion-grid{
    grid-template-columns: 1fr;
    max-width:100%;
  }
  .ca-onboarding__breadcrumb{
    font-size:13px;
    padding:6px 14px;
  }
  .ca-onboarding__step--1{
    min-height:auto;
    align-items:stretch;
  }

  .ca-agent-selector__trigger{
    font-size:13px !important;
    padding:6px 10px !important;
  }
}

/* ══════ Dashboard – Comprehensive Mobile Responsive ══════ */

@media (max-width: 1100px) and (min-width: 769px){
  .ca-dashboard__cards{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  .ca-dashboard__panel{
    padding:20px;
  }
  .ca-dash-card{
    min-height:auto;
  }
}

@media (max-width: 768px){
  .ca-layout--dashboard{
    padding:0;
  }
  .ca-dashboard__content{
    padding:10px 10px 28px;
  }
  .ca-dashboard__topbar{
    margin:-10px -10px 14px;
    padding:8px 10px;
    gap:8px;
  }
  .ca-dashboard__actions{
    gap:8px;
  }
  .ca-dashboard__actions .ca-btn-purple{
    font-size:12px;
    padding:7px 12px;
    border-radius:8px;
    white-space:nowrap;
  }
  .ca-profile-menu__trigger{
    height:32px;
    padding:0 8px 0 3px;
    gap:6px;
  }
  .ca-avatar{
    width:24px;
    height:24px;
  }
  .ca-avatar svg{
    width:12px;
    height:12px;
  }
  .ca-profile-menu__chev{
    width:12px;
    height:12px;
  }
  .ca-profile-menu__dropdown{
    width:220px;
  }
  .ca-dashboard__panel{
    padding:16px 12px;
    border-radius:14px;
  }
  .ca-panel-title{
    font-size:22px;
  }
  .ca-panel-subtitle{
    font-size:12px;
  }
  .ca-panel-header{
    margin-bottom:16px;
  }
  .ca-dashboard__cards{
    gap:14px;
  }
  .ca-dash-card{
    padding:16px;
    border-radius:14px;
    min-height:auto;
    gap:8px;
  }
  .ca-dash-card__icon{
    width:36px;
    height:36px;
    border-radius:10px;
  }
  .ca-dash-card__icon svg{
    width:20px;
    height:20px;
  }
  .ca-dash-card__badge{
    font-size:10px;
    padding:3px 8px;
  }
  .ca-dash-card__title{
    font-size:15px;
  }
  .ca-dash-card__credits{
    font-size:11px;
    padding:3px 8px;
    top:12px;
    right:12px;
  }
  .ca-dash-card__list{
    font-size:12px;
    padding-left:16px;
    line-height:1.45;
  }
  .ca-dash-card__list li{
    margin-bottom:4px;
  }
  .ca-dash-card__cta{
    padding:10px 16px;
    font-size:13px;
    border-radius:8px;
    gap:6px;
  }
  .ca-dash-card__cta-arrow{
    width:16px;
    height:16px;
  }
  .ca-dash-card__toggle-wrap{
    top:12px;
    right:12px;
    gap:6px;
  }
  .ca-dash-card__toggle-label{
    font-size:12px;
  }
  .ca-gs-notice{
    padding:8px 10px;
    gap:8px;
    margin-bottom:12px;
    border-radius:8px;
  }
  .ca-gs-notice__icon{
    width:16px;
    height:16px;
    font-size:10px;
  }
  .ca-gs-notice__title{
    font-size:11px;
  }
  .ca-gs-notice__sub{
    font-size:10px;
  }
  .ca-gs-schedule-bar{
    justify-content:center;
    margin-bottom:12px;
  }
  .ca-gs-schedule-bar__btn{
    font-size:13px;
    padding:9px 16px;
    width:100%;
  }
  .ca-gs-track{
    padding:10px 12px;
    margin:10px 0;
  }
  .ca-gs-track__pct{
    font-size:26px;
  }
  .ca-gs-banner{
    flex-wrap:wrap;
    padding:12px 14px;
    gap:8px;
    font-size:13px;
    max-width:100%;
  }
  .ca-gs-banner__details{
    font-size:12px;
    padding:5px 12px;
    width:100%;
    text-align:center;
  }
  .ca-gs-gate-modal{
    padding:12px;
  }
  .ca-gs-gate-modal__panel{
    padding:28px 20px 24px;
    border-radius:14px;
    max-width:100%;
  }
  .ca-gs-gate-modal__title{
    font-size:19px;
  }
  .ca-gs-gate-modal__desc{
    font-size:13px;
    margin-bottom:18px;
  }
  .ca-gs-gate-modal__badge{
    font-size:11px;
    padding:3px 12px;
  }
  .ca-gs-gate-modal__close{
    top:12px;
    right:12px;
    width:32px;
    height:32px;
    font-size:24px;
  }
  .ca-gs-reminder-modal{
    padding:12px;
  }
  .ca-gs-reminder-modal__panel{
    padding:24px 18px;
    border-radius:14px;
    max-width:100%;
  }
  .ca-gs-live-card{
    flex-direction:column;
    gap:12px;
    padding:16px;
    text-align:center;
  }
  .ca-gs-live-card__btn{
    width:100%;
    text-align:center;
    justify-content:center;
  }
  .ca-dashboard__summary-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:8px;
  }
}

@media (max-width: 480px){
  .ca-dashboard__content{
    padding:8px 6px 24px;
  }
  .ca-dashboard__topbar{
    margin:-8px -6px 12px;
    padding:6px 8px;
    gap:6px;
  }
  .ca-dashboard__actions .ca-btn-purple{
    font-size:11px;
    padding:6px 10px;
  }
  .ca-profile-menu__trigger{
    height:30px;
    padding:0 6px 0 2px;
  }
  .ca-avatar{
    width:22px;
    height:22px;
  }
  .ca-dashboard__panel{
    padding:12px 8px;
    border-radius:12px;
    border:none;
    box-shadow:none;
    background:transparent;
  }
  .ca-panel-title{
    font-size:20px;
  }
  .ca-panel-subtitle{
    font-size:11px;
  }
  .ca-panel-header{
    margin-bottom:12px;
  }
  .ca-dashboard__cards{
    gap:12px;
  }
  .ca-dash-card{
    padding:14px 12px;
    border-radius:12px;
    gap:6px;
  }
  .ca-dash-card__icon{
    width:34px;
    height:34px;
    border-radius:8px;
  }
  .ca-dash-card__title{
    font-size:14px;
  }
  .ca-dash-card__list{
    font-size:11.5px;
    padding-left:14px;
  }
  .ca-dash-card__cta{
    padding:9px 14px;
    font-size:12px;
    border-radius:8px;
    width:100%;
    justify-content:center;
  }
  .ca-gs-notice{
    padding:7px 8px;
    font-size:11px;
  }
  .ca-gs-banner{
    padding:10px 12px;
    font-size:12px;
    border-radius:10px;
  }
  .ca-gs-gate-modal{
    padding:8px;
  }
  .ca-gs-gate-modal__panel{
    padding:24px 16px 20px;
    border-radius:12px;
  }
  .ca-gs-gate-modal__title{
    font-size:17px;
  }
  .ca-gs-gate-modal__desc{
    font-size:12px;
    margin-bottom:14px;
  }
  .ca-gs-gate-modal__close{
    top:10px;
    right:10px;
    width:28px;
    height:28px;
    font-size:20px;
  }
  .ca-gs-track__pct{
    font-size:22px;
  }
  .ca-dashboard__summary-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 375px){
  .ca-dashboard__content{
    padding:6px 4px 20px;
  }
  .ca-dashboard__topbar{
    margin:-6px -4px 10px;
    padding:6px 6px;
  }
  .ca-dashboard__actions .ca-btn-purple{
    font-size:10px;
    padding:5px 8px;
  }
  .ca-dashboard__panel{
    padding:10px 6px;
  }
  .ca-panel-title{
    font-size:18px;
  }
  .ca-dash-card{
    padding:12px 10px;
    border-radius:10px;
  }
  .ca-dash-card__title{
    font-size:13px;
  }
  .ca-dash-card__credits{
    font-size:10px;
    padding:3px 7px;
    top:10px;
    right:10px;
  }
  .ca-dash-card__list{
    font-size:11px;
    padding-left:12px;
  }
  .ca-dash-card__cta{
    padding:8px 12px;
    font-size:11px;
  }
  .ca-gs-gate-modal__panel{
    padding:20px 12px 16px;
  }
  .ca-gs-gate-modal__title{
    font-size:16px;
  }
}

@media (min-width: 1440px){
  .ca-onboarding{
    max-width:1200px;
  }
  .ca-onboarding__motion-grid{
    max-width:920px;
  }
}
@media (min-width: 1920px){
  .ca-onboarding{
    max-width:1400px;
  }
  .ca-onboarding__motion-grid{
    max-width:1060px;
  }
}

/* ══════ Onboarding – Comprehensive Mobile Responsive ══════ */

@media (max-width: 768px){
  .ca-layout--onboarding{
    padding:16px 8px 32px;
  }
  .ca-topbar--onboarding .ca-topbar__inner{
    padding:10px 16px;
    min-height:50px;
    gap:12px;
  }
  .ca-topbar--onboarding .ca-topbar__brand-img--platform{
    max-height:28px;
  }
  .ca-topbar__login-btn{
    font-size:13px;
    padding:8px 14px;
    border-radius:8px;
  }
  .ca-onboarding{
    max-width:100%;
    padding:0 4px;
  }
  .ca-onboarding__title{
    font-size:26px;
  }
  .ca-onboarding__subtitle{
    font-size:14px;
    max-width:100%;
  }
  .ca-onboarding__badge{
    font-size:11px;
    padding:5px 12px;
    margin-bottom:14px;
  }
  .ca-onboarding__motion-card{
    padding:28px 24px 24px;
  }
  .ca-onboarding__motion-grid{
    gap:16px;
    margin-top:28px;
    width:100%;
  }
  .ca-onboarding__hero{
    width:100%;
  }
  .ca-onboarding__motion-icon{
    width:48px;
    height:48px;
    border-radius:14px;
    margin-bottom:16px;
  }
  .ca-onboarding__motion-title{
    font-size:19px;
    margin-bottom:8px;
  }
  .ca-onboarding__motion-desc{
    font-size:14px;
    margin-bottom:16px;
  }
  .ca-card{
    padding:28px 22px 24px;
    border-radius:16px;
  }
  .ca-card__title{
    font-size:18px;
  }
  .ca-card__desc{
    font-size:14px;
    min-height:auto;
    margin-bottom:16px;
  }
  .ca-card__icon{
    width:46px;
    height:46px;
  }
  .ca-onboarding__cards{
    gap:22px;
  }
  .ca-onboarding__step2-hero .ca-onboarding__title{
    font-size:24px;
  }
  .ca-onboarding__step2-hero .ca-onboarding__subtitle{
    font-size:13px;
  }
  .ca-onboarding__step2-hero{
    margin-bottom:18px;
  }
  .ca-upload-modal__fields{
    grid-template-columns:1fr;
  }
  .ca-upload-modal__fields .ca-upload-modal__field:nth-child(3){
    grid-column:auto;
  }
  .ca-upload-modal__panel{
    width:calc(100vw - 24px);
    height:auto;
    max-height:calc(100vh - 24px);
    padding:18px 20px;
  }
  .ca-site-footer{
    padding:20px 16px 24px;
  }
  .ca-site-footer__legal{
    font-size:12px;
  }
  .ca-site-footer__sep{
    margin:0 6px;
  }
}

@media (max-width: 480px){
  .ca-layout--onboarding{
    padding:12px 6px 24px;
  }
  .ca-topbar--onboarding .ca-topbar__inner{
    padding:8px 12px;
    min-height:46px;
    gap:8px;
  }
  .ca-topbar--onboarding .ca-topbar__brand-img--platform{
    max-height:24px;
  }
  .ca-topbar__login-btn{
    font-size:12px;
    padding:7px 12px;
  }
  .ca-onboarding__title{
    font-size:22px;
    margin-bottom:8px;
  }
  .ca-onboarding__subtitle{
    font-size:13px;
    line-height:1.5;
  }
  .ca-onboarding__badge{
    font-size:10.5px;
    padding:4px 10px;
    gap:6px;
    margin-bottom:12px;
  }
  .ca-onboarding__badge-icon{
    width:14px;
    height:14px;
    margin-right:4px;
  }
  .ca-onboarding__motion-card{
    padding:22px 20px 20px;
    border-radius:14px;
    box-shadow:0 10px 24px rgba(15,23,42,.06);
  }
  .ca-onboarding__motion-grid{
    gap:12px;
    margin-top:20px;
    max-width:100%;
  }
  .ca-onboarding__motion-icon{
    width:42px;
    height:42px;
    border-radius:12px;
    margin-bottom:12px;
  }
  .ca-onboarding__motion-icon svg{
    width:18px;
    height:18px;
  }
  .ca-onboarding__motion-title{
    font-size:17px;
    margin-bottom:6px;
  }
  .ca-onboarding__motion-desc{
    font-size:13px;
    line-height:1.5;
    margin-bottom:14px;
  }
  .ca-onboarding__motion-select{
    font-size:14px;
  }
  .ca-card{
    padding:22px 18px 20px;
    border-radius:14px;
    box-shadow:0 10px 24px rgba(15,23,42,.06);
  }
  .ca-card__badge{
    top:14px;
    right:14px;
    font-size:10px;
    padding:3px 8px;
  }
  .ca-card--upload .ca-card__badge--green{
    top:-8px;
    left:14px;
    font-size:10px;
    padding:3px 10px;
  }
  .ca-card__icon{
    width:42px;
    height:42px;
    border-radius:12px;
    margin-bottom:12px;
  }
  .ca-card__title{
    font-size:17px;
    margin-bottom:6px;
  }
  .ca-card__desc{
    font-size:13px;
    margin-bottom:12px;
    line-height:1.55;
  }
  .ca-card__list-title{
    font-size:13px;
    margin-bottom:8px;
  }
  .ca-card__list{
    font-size:13px;
  }
  .ca-card__list li{
    margin:8px 0;
    gap:8px;
  }
  .ca-card__list-icon{
    width:18px;
    height:18px;
  }
  .ca-card__cta{
    margin-top:16px !important;
    padding:11px 16px;
    font-size:14px;
  }
  .ca-card__footnote{
    font-size:10px;
  }
  .ca-onboarding__cards{
    gap:20px;
    margin-top:12px;
  }
  .ca-onboarding__breadcrumb{
    font-size:12px;
    padding:5px 12px;
    margin-bottom:18px;
    gap:6px;
  }
  .ca-onboarding__breadcrumb-back{
    font-size:12px;
    gap:3px;
  }
  .ca-onboarding__breadcrumb-back svg{
    width:14px;
    height:14px;
  }
  .ca-onboarding__step2-hero{
    margin-bottom:14px;
  }
  .ca-onboarding__step2-hero .ca-onboarding__title{
    font-size:20px;
  }
  .ca-onboarding__step2-hero .ca-onboarding__subtitle{
    font-size:12px;
  }
  .ca-upload-modal__panel{
    width:calc(100vw - 16px);
    max-height:calc(100vh - 16px);
    padding:14px 16px;
    border-radius:14px;
  }
  .ca-upload-modal__panel .ca-modal__step{
    font-size:16px;
  }
  .ca-upload-modal__dropzone{
    padding:14px 16px;
    border-radius:12px;
  }
  .ca-upload-modal__icon{
    width:38px;
    height:38px;
    margin-bottom:8px;
  }
  .ca-upload-modal__icon svg{
    width:18px;
    height:18px;
  }
  .ca-upload-modal__label{
    font-size:13px;
  }
  .ca-upload-modal__meta{
    font-size:11px;
  }
  .ca-upload-modal__file-item{
    padding:8px 10px;
    gap:10px;
    border-radius:8px;
  }
  .ca-upload-modal__file-icon{
    width:32px;
    height:32px;
    border-radius:6px;
    font-size:9px;
  }
  .ca-upload-modal__file-name{
    font-size:12px;
  }
  .ca-upload-modal__file-size{
    font-size:11px;
  }
  .ca-upload-modal__actions{
    padding-top:12px;
    gap:10px;
  }
  .ca-upload-modal__actions .ca-btn{
    padding:9px 18px;
    font-size:13px;
  }
  .ca-btn-solid{
    padding:10px 16px;
    font-size:14px;
    border-radius:8px;
  }
  .ca-onboarding__hint{
    padding:12px;
    gap:10px;
    border-radius:10px;
  }
  .ca-onboarding__hint-text{
    font-size:13px;
  }
  .ca-site-footer{
    padding:16px 12px 20px;
  }
  .ca-site-footer__legal{
    font-size:11px;
  }
  .ca-site-footer__sep{
    margin:0 5px;
  }
}

@media (max-width: 375px){
  .ca-layout--onboarding{
    padding:10px 4px 20px;
  }
  .ca-topbar--onboarding .ca-topbar__inner{
    padding:6px 10px;
    gap:6px;
  }
  .ca-topbar--onboarding .ca-topbar__brand-img--platform{
    max-height:22px;
  }
  .ca-topbar__login-btn{
    font-size:11px;
    padding:6px 10px;
  }
  .ca-onboarding__hero{
    margin-bottom:16px;
  }
  .ca-onboarding__title{
    font-size:20px;
  }
  .ca-onboarding__subtitle{
    font-size:12px;
  }
  .ca-onboarding__badge{
    font-size:10px;
    padding:3px 8px;
    gap:5px;
    margin-bottom:10px;
  }
  .ca-onboarding__badge-icon{
    width:13px;
    height:13px;
    margin-right:3px;
  }
  .ca-onboarding__motion-card{
    padding:18px 16px 16px;
    border-radius:12px;
  }
  .ca-onboarding__motion-grid{
    gap:10px;
    margin-top:16px;
  }
  .ca-onboarding__motion-icon{
    width:38px;
    height:38px;
    border-radius:10px;
    margin-bottom:10px;
  }
  .ca-onboarding__motion-icon svg{
    width:16px;
    height:16px;
  }
  .ca-onboarding__motion-title{
    font-size:16px;
    margin-bottom:4px;
  }
  .ca-onboarding__motion-desc{
    font-size:12px;
    line-height:1.45;
    margin-bottom:12px;
  }
  .ca-onboarding__motion-select{
    font-size:13px;
  }
  .ca-card{
    padding:18px 14px 16px;
    border-radius:12px;
  }
  .ca-card__icon{
    width:38px;
    height:38px;
    border-radius:10px;
    margin-bottom:10px;
  }
  .ca-card__title{
    font-size:16px;
  }
  .ca-card__desc{
    font-size:12px;
    line-height:1.5;
    margin-bottom:10px;
  }
  .ca-card__list{
    font-size:12px;
  }
  .ca-card__list li{
    margin:6px 0;
    gap:6px;
  }
  .ca-card__list-icon{
    width:16px;
    height:16px;
  }
  .ca-card__cta{
    margin-top:14px !important;
    padding:10px 14px;
    font-size:13px;
    border-radius:8px;
  }
  .ca-card__footnote{
    font-size:9px;
    margin-top:6px;
  }
  .ca-onboarding__breadcrumb{
    font-size:11px;
    padding:4px 10px;
    margin-bottom:14px;
  }
  .ca-onboarding__step2-hero .ca-onboarding__title{
    font-size:18px;
  }
  .ca-onboarding__step2-hero .ca-onboarding__subtitle{
    font-size:11px;
  }
  .ca-upload-modal__panel{
    width:calc(100vw - 12px);
    max-height:calc(100vh - 12px);
    padding:12px;
    border-radius:12px;
  }
  .ca-upload-modal__panel .ca-modal__step{
    font-size:15px;
  }
  .ca-upload-modal__desc{
    font-size:12px;
  }
  .ca-upload-modal__field .ca-upload-modal__input,
  .ca-upload-modal__input--email{
    padding:8px 10px;
    font-size:13px;
    border-radius:8px;
  }
  .ca-upload-modal__email-label{
    font-size:12px;
    margin-bottom:4px;
  }
  .ca-upload-modal__dropzone{
    padding:12px;
    border-radius:10px;
  }
  .ca-upload-modal__icon{
    width:34px;
    height:34px;
  }
  .ca-upload-modal__actions .ca-btn{
    padding:8px 14px;
    font-size:12px;
    border-radius:8px;
  }
  .ca-site-footer{
    padding:14px 10px 18px;
  }
}

@media (max-width: 320px){
  .ca-layout--onboarding{
    padding:8px 2px 16px;
  }
  .ca-topbar--onboarding .ca-topbar__brand-img--platform{
    max-height:20px;
  }
  .ca-onboarding__title{
    font-size:18px;
  }
  .ca-onboarding__subtitle{
    font-size:11px;
  }
  .ca-onboarding__badge{
    font-size:9px;
  }
  .ca-onboarding__motion-card{
    padding:14px 12px 14px;
  }
  .ca-onboarding__motion-title{
    font-size:15px;
  }
  .ca-onboarding__motion-desc{
    font-size:11px;
  }
  .ca-card{
    padding:14px 12px 14px;
  }
  .ca-card__title{
    font-size:15px;
  }
  .ca-card__desc{
    font-size:11px;
  }
  .ca-onboarding__step2-hero .ca-onboarding__title{
    font-size:16px;
  }
}

/* Super Admin dashboard */
.ca-super-admin{
  padding:24px;
}
.ca-super-admin__header h1{
  margin:0 0 4px;
  font-size:26px;
  font-weight:700;
  letter-spacing:-0.01em;
}
.ca-super-admin__header p{
  margin:0 0 20px;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
}

/* ── Tab Navigation ── */
.ca-sadm-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  padding:4px;
  margin-bottom:20px;
  background:var(--ca-s-slate-100, #f1f5f9);
  border-radius:12px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
}
.ca-sadm-tabs__btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 16px;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-slate-500, #64748b);
  background:transparent;
  border:none;
  border-radius:9px;
  cursor:pointer;
  transition:all .18s ease;
  white-space:nowrap;
  line-height:1.4;
}
.ca-sadm-tabs__btn svg{
  flex-shrink:0;
  opacity:.65;
  transition:opacity .18s;
}
.ca-sadm-tabs__btn:hover{
  color:var(--ca-t-slate-700, #334155);
  background:var(--ca-s-white-a65, rgba(255,255,255,.65));
}
.ca-sadm-tabs__btn:hover svg{
  opacity:.85;
}
.ca-sadm-tabs__btn.is-active{
  color:var(--ca-t-slate-800, #1e293b);
  background:var(--ca-s-white, #ffffff);
  box-shadow:0 1px 3px rgba(15,23,42,.08), 0 1px 2px rgba(15,23,42,.04);
}
.ca-sadm-tabs__btn.is-active svg{
  opacity:1;
  color:var(--ca-t-violet-600, #7c3aed);
}
@media(max-width:768px){
  .ca-sadm-tabs{ gap:2px; }
  .ca-sadm-tabs__btn{ padding:8px 10px; font-size:12px; gap:5px; }
  .ca-sadm-tabs__btn svg{ width:14px; height:14px; }
}

/* ── Tab Panes ── */
.ca-sadm-pane{
  display:none;
  animation:ca-sadm-fadein .22s ease;
}
.ca-sadm-pane.is-active{
  display:block;
}
@keyframes ca-sadm-fadein{
  from{ opacity:0; transform:translateY(6px); }
  to{ opacity:1; transform:translateY(0); }
}

/* ── System Map (tree of all system sections) ── */
.ca-sadm-map__intro{
  margin:0 0 18px;
}
.ca-sadm-map__title{
  margin:0 0 4px;
  font-size:18px;
  font-weight:700;
  color:var(--ca-t-slate-800, #1e293b);
}
.ca-sadm-map__lede{
  margin:0;
  font-size:13px;
  color:var(--ca-t-slate-500, #64748b);
  max-width:62ch;
}
.ca-sadm-map__tree{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
  gap:14px;
  align-items:start;
}
.ca-sadm-map__group{
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:12px;
  background:var(--ca-s-white, #ffffff);
  overflow:hidden;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.ca-sadm-map__group-head{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  padding:11px 14px;
  background:var(--ca-s-slate-50, #f8fafc);
  border:0;
  border-bottom:1px solid var(--ca-s-xeef2f6, #eef2f6);
  cursor:pointer;
  font-size:13px;
  font-weight:700;
  color:var(--ca-t-slate-700, #334155);
  text-align:left;
}
.ca-sadm-map__group-head:hover{ background:var(--ca-s-slate-100, #f1f5f9); }
.ca-sadm-map__chevron{
  flex-shrink:0;
  color:var(--ca-t-slate-400, #94a3b8);
  transition:transform .18s ease;
}
.ca-sadm-map__group.is-collapsed .ca-sadm-map__chevron{
  transform:rotate(0deg);
}
.ca-sadm-map__group:not(.is-collapsed) .ca-sadm-map__chevron{
  transform:rotate(90deg);
}
.ca-sadm-map__group-label{ flex:1 1 auto; }
.ca-sadm-map__group-count{
  flex-shrink:0;
  min-width:20px;
  padding:1px 7px;
  border-radius:999px;
  background:var(--ca-s-slate-200, #e2e8f0);
  color:var(--ca-t-slate-600, #475569);
  font-size:11px;
  font-weight:700;
  text-align:center;
}
.ca-sadm-map__list{
  list-style:none;
  margin:0;
  padding:6px;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.ca-sadm-map__group.is-collapsed .ca-sadm-map__list{ display:none; }
.ca-sadm-map__item{ margin:0; }
a.ca-sadm-map__link,
button.ca-sadm-map__link{
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
  padding:8px 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--ca-t-slate-700, #334155);
  font-size:13px;
  font-weight:500;
  line-height:1.35;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
  transition:background .15s, color .15s;
  box-sizing:border-box;
}
.ca-sadm-map__link:hover{
  background:var(--ca-s-slate-100, #f1f5f9);
  color:var(--ca-t-slate-800, #1e293b);
}
.ca-sadm-map__link:hover .ca-sadm-map__dot{ background:var(--ca-s-violet-600, #7c3aed); }
.ca-sadm-map__dot{
  flex-shrink:0;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--ca-s-slate-300, #cbd5e1);
  transition:background .15s;
}
.ca-sadm-map__link-label{ flex:1 1 auto; }
.ca-sadm-map__badge,
.ca-sadm-map__ext{
  flex:0 0 auto;
  align-self:center;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
}
.ca-sadm-map__badge{
  padding:1px 7px;
  border-radius:999px;
  background:rgba(124,58,237,.1);
  color:var(--ca-t-violet-600, #7c3aed);
  font-size:10px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.ca-sadm-map__ext{
  justify-content:flex-end;
  color:var(--ca-t-slate-300, #cbd5e1);
  line-height:0;
}
.ca-sadm-map__ext svg{
  display:block;
  width:13px;
  height:13px;
  flex-shrink:0;
}
.ca-sadm-map__link:hover .ca-sadm-map__ext{ color:var(--ca-t-slate-400, #94a3b8); }

/* ── Create Customer toggle bar ── */
.ca-sadm-create-toggle{
  margin-right:auto;
}
.ca-sadm-create-bar__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.ca-sadm-create-bar__close{
  background:none;
  border:none;
  font-size:22px;
  line-height:1;
  color:var(--ca-t-slate-400, #94a3b8);
  cursor:pointer;
  padding:2px 6px;
  border-radius:6px;
  transition:color .15s, background .15s;
}
.ca-sadm-create-bar__close:hover{
  color:var(--ca-t-slate-700, #334155);
  background:var(--ca-s-slate-100, #f1f5f9);
}
.ca-sadm-create-bar__grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  gap:14px;
  align-items:end;
}
@media(max-width:900px){
  .ca-sadm-create-bar__grid{ grid-template-columns:1fr 1fr; }
}
@media(max-width:560px){
  .ca-sadm-create-bar__grid{ grid-template-columns:1fr; }
}

/* ── Customer Detail Modal ── */
.ca-detail-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:100000;
  align-items:center;
  justify-content:center;
}
.ca-detail-modal[aria-hidden="false"]{
  display:flex;
}
.ca-detail-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.45);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  animation:ca-detail-fade-in .2s ease;
}
@keyframes ca-detail-fade-in{
  from{ opacity:0; } to{ opacity:1; }
}
.ca-detail-modal__panel{
  position:relative;
  z-index:1;
  width:94vw;
  max-width:680px;
  max-height:90vh;
  background:var(--ca-s-white, #ffffff);
  border-radius:16px;
  box-shadow:0 25px 60px rgba(15,23,42,.18), 0 4px 12px rgba(15,23,42,.08);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  animation:ca-detail-slide-in .25s ease;
}
@keyframes ca-detail-slide-in{
  from{ opacity:0; transform:translateY(16px) scale(.97); }
  to{ opacity:1; transform:translateY(0) scale(1); }
}
.ca-detail-modal__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 24px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  flex-shrink:0;
}
.ca-detail-modal__header h2{
  margin:0;
  font-size:18px;
  font-weight:700;
  color:var(--ca-t-slate-800, #1e293b);
}
.ca-detail-modal__close{
  background:none;
  border:none;
  font-size:26px;
  line-height:1;
  color:var(--ca-t-slate-400, #94a3b8);
  cursor:pointer;
  padding:2px 8px;
  border-radius:8px;
  transition:color .15s, background .15s;
}
.ca-detail-modal__close:hover{
  color:var(--ca-t-slate-800, #1e293b);
  background:var(--ca-s-slate-100, #f1f5f9);
}
.ca-detail-modal__body{
  padding:24px;
  overflow-y:auto;
  flex:1;
}
.ca-detail-modal__body .ca-super-admin__detail-form{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.ca-detail-modal__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.ca-detail-modal__grid--3{
  grid-template-columns:1fr 1fr 1fr;
}
@media(max-width:560px){
  .ca-detail-modal__grid,
  .ca-detail-modal__grid--3{
    grid-template-columns:1fr;
  }
}
.ca-detail-modal__actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding-top:4px;
}
.ca-detail-modal__actions--danger{
  margin-top:10px;
  padding-top:12px;
  border-top:1px solid var(--ca-s-xf1d4d4, #f1d4d4);
}
.ca-btn-danger{
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-red-700, #b91c1c);
  border:1px solid var(--ca-s-xf0b4b4, #f0b4b4);
}
.ca-btn-danger:hover{
  background:var(--ca-s-red-50, #fef2f2);
  border-color:var(--ca-s-xe09a9a, #e09a9a);
}
.ca-btn-danger--solid{
  background:var(--ca-s-red-600, #dc2626);
  color:var(--ca-t-white, #ffffff);
  border-color:var(--ca-s-red-600, #dc2626);
}
.ca-btn-danger--solid:hover{
  background:var(--ca-s-red-700, #b91c1c);
  border-color:var(--ca-s-red-700, #b91c1c);
}
.ca-btn-restore{
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-emerald-700, #047857);
  border:1px solid var(--ca-s-xa7d8c4, #a7d8c4);
}
.ca-btn-restore:hover{
  background:var(--ca-s-emerald-50, #ecfdf5);
  border-color:var(--ca-s-x7fc7ab, #7fc7ab);
}
.ca-super-admin__deleted-badge{
  display:inline-block;
  margin-left:6px;
  padding:1px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:600;
  background:var(--ca-s-red-100, #fee2e2);
  color:var(--ca-t-red-700, #b91c1c);
}
.ca-super-admin tr.is-soft-deleted td{
  background:var(--ca-s-xfef5f5, #fef5f5);
}
.ca-super-admin tr.is-soft-deleted .ca-super-admin__email{
  text-decoration:line-through;
  opacity:.75;
}
.ca-detail-modal__divider{
  border:none;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
  margin:20px 0 16px;
}
.ca-detail-modal__grid--4{
  grid-template-columns:1fr 1fr 1fr 1fr;
}
@media(max-width:560px){
  .ca-detail-modal__grid--4{
    grid-template-columns:1fr 1fr;
  }
}

.ca-detail-modal__section-title{
  font-size:14px;
  font-weight:700;
  color:var(--ca-t-slate-800, #1e293b);
  margin:0 0 8px;
  text-transform:uppercase;
  letter-spacing:.5px;
}

/* ── Customer Detail: info sections ── */
.ca-detail-modal__info-section{
  margin-bottom:18px;
}
.ca-detail-modal__info-section h3{
  font-size:14px;
  font-weight:700;
  color:var(--ca-t-slate-800, #1e293b);
  margin:0 0 10px;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.ca-detail-modal__info-item{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.ca-detail-modal__info-label{
  font-size:11px;
  font-weight:600;
  color:var(--ca-t-slate-500, #64748b);
  text-transform:uppercase;
  letter-spacing:.4px;
}
.ca-detail-modal__info-value{
  font-size:14px;
  color:var(--ca-t-slate-800, #1e293b);
  font-weight:500;
}
.ca-detail-modal__activity-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 0;
  border-bottom:1px solid var(--ca-s-slate-100, #f1f5f9);
}
.ca-detail-modal__activity-row .ca-detail-modal__info-label{
  font-size:13px;
  text-transform:none;
  letter-spacing:0;
}
.ca-detail-modal__activity-row .ca-detail-modal__info-value{
  font-size:13px;
  font-weight:600;
}

/* ── Customer Detail: collapsible panels ── */
.ca-detail-modal__collapsible{
  margin-top:10px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  overflow:hidden;
}
.ca-detail-modal__collapsible summary{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-slate-800, #1e293b);
  cursor:pointer;
  background:var(--ca-s-slate-50, #f8fafc);
  user-select:none;
  list-style:none;
}
.ca-detail-modal__collapsible summary::-webkit-details-marker{
  display:none;
}
.ca-detail-modal__collapsible summary::before{
  content:'▸';
  font-size:12px;
  transition:transform .15s;
}
.ca-detail-modal__collapsible[open] summary::before{
  transform:rotate(90deg);
}
.ca-detail-modal__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:10px;
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
  font-size:11px;
  font-weight:700;
  line-height:1;
}
.ca-detail-modal__table-wrap{
  overflow-x:auto;
}
.ca-detail-modal__table{
  width:100%;
  border-collapse:collapse;
  font-size:12px;
}
.ca-detail-modal__table th{
  text-align:left;
  padding:8px 10px;
  font-weight:600;
  color:var(--ca-t-slate-500, #64748b);
  background:var(--ca-s-slate-50, #f8fafc);
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  white-space:nowrap;
}
.ca-detail-modal__table td{
  padding:7px 10px;
  border-bottom:1px solid var(--ca-s-slate-100, #f1f5f9);
  color:var(--ca-t-slate-700, #334155);
}
.ca-detail-modal__table tr:last-child td{
  border-bottom:none;
}

/* ── Customer Detail: status badges ── */
.ca-detail-modal__status-badge{
  display:inline-block;
  padding:2px 8px;
  border-radius:10px;
  font-size:11px;
  font-weight:600;
  text-transform:capitalize;
  background:var(--ca-s-slate-200, #e2e8f0);
  color:var(--ca-t-slate-600, #475569);
}
.ca-detail-modal__status-badge--draft{  background:var(--ca-s-amber-100, #fef3c7); color:var(--ca-t-amber-800, #92400e); }
.ca-detail-modal__status-badge--pending{ background:var(--ca-s-amber-100, #fef3c7); color:var(--ca-t-amber-800, #92400e); }
.ca-detail-modal__status-badge--processing,
.ca-detail-modal__status-badge--in_progress{ background:var(--ca-s-blue-100, #dbeafe); color:var(--ca-t-blue-800, #1e40af); }
.ca-detail-modal__status-badge--completed,
.ca-detail-modal__status-badge--done{ background:var(--ca-s-emerald-100, #d1fae5); color:var(--ca-t-emerald-800, #065f46); }
.ca-detail-modal__status-badge--published{ background:var(--ca-s-emerald-100, #d1fae5); color:var(--ca-t-emerald-800, #065f46); }
.ca-detail-modal__status-badge--cancelled,
.ca-detail-modal__status-badge--failed{ background:var(--ca-s-red-100, #fee2e2); color:var(--ca-t-red-800, #991b1b); }

/* ── 2-column grid for settings/agents ── */
.ca-sadm-grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  align-items:start;
}
.ca-sadm-grid-2 > *{
  min-width:0;
}
@media(max-width:1100px){
  .ca-sadm-grid-2{
    grid-template-columns:1fr;
  }
}
.ca-sadm-grid-2__full{
  grid-column:1 / -1;
}

.ca-super-admin__toolbar{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-end;
  margin-bottom:16px;
}
.ca-super-admin__filter{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:600;
}
.ca-super-admin__filter--rows-custom input{
  width:100px;
}
.ca-super-admin__search{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:600;
}
.ca-admin-refresh-btn{
  display:inline-flex !important;
  align-items:center;
  gap:4px;
  white-space:nowrap;
  height:36px;
}
.ca-admin-refresh-btn .dashicons{
  font-size:16px;
  width:16px;
  height:16px;
  line-height:1;
}
.ca-admin-refresh-btn .dashicons.ca-spin{
  animation:ca-spin .6s linear;
}
.ca-super-admin__filter select{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  padding:6px 10px;
  background:var(--ca-s-white, #ffffff);
}
.ca-super-admin__search input{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  padding:6px 10px;
  min-width:220px;
  background:var(--ca-s-white, #ffffff);
}
.ca-super-admin__per-page-custom{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  padding:6px 10px;
  background:var(--ca-s-white, #ffffff);
}
.ca-super-admin__stack{
  display:flex;
  flex-direction:column;
  gap:18px;
  margin-bottom:18px;
}
.ca-super-admin__panel{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:16px;
  padding:18px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}
.ca-super-admin__panel h2{
  margin-top:0;
}
.ca-super-admin__panel--wide{
  margin-top:18px;
}
.ca-activity__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}
.ca-activity__header h2{ margin:0 0 6px; }
.ca-activity__filters{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:14px;
}
.ca-activity__search{
  flex:1 1 220px;
  min-width:180px;
  max-width:360px;
}
.ca-activity__select{ min-width:160px; }
.ca-activity__table-wrap{ overflow-x:auto; }
.ca-activity__table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}
.ca-activity__table th,
.ca-activity__table td{
  text-align:left;
  padding:10px 12px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  vertical-align:top;
}
.ca-activity__table th{
  color:var(--ca-t-slate-500, #64748b);
  font-weight:600;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.ca-activity__when{ white-space:nowrap; color:var(--ca-t-slate-500, #64748b); width:160px; }
.ca-activity__who{ white-space:nowrap; font-weight:600; color:var(--ca-t-slate-900, #0f172a); width:140px; }
.ca-activity__summary{ color:var(--ca-t-slate-800, #1e293b); line-height:1.45; }
.ca-activity__source code{
  font-size:11px;
  background:var(--ca-s-slate-100, #f1f5f9);
  padding:2px 6px;
  border-radius:4px;
  color:var(--ca-t-slate-600, #475569);
}
.ca-activity__empty{
  text-align:center;
  color:var(--ca-t-slate-400, #94a3b8);
  padding:28px 12px !important;
}
.ca-activity__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:14px;
}
.ca-activity__meta{ color:var(--ca-t-slate-500, #64748b); font-size:12px; }
.ca-activity__pager{ display:flex; gap:8px; }
.ca-pricing-admin-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:12px;
}
@media(max-width:900px){
  .ca-pricing-admin-grid{ grid-template-columns:1fr; }
}
.ca-pricing-admin-tier{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  padding:16px;
  background:var(--ca-s-xfafbfc, #fafbfc);
}
.ca-pricing-admin-tier legend{
  font-weight:700;
  font-size:15px;
  color:var(--ca-t-slate-800, #1e293b);
  padding:0 6px;
}
.ca-pricing-admin-tier label{
  display:block;
  font-size:13px;
  font-weight:500;
  color:var(--ca-t-gray-600, #4b5563);
  margin-bottom:10px;
}
.ca-pricing-admin-tier input{
  display:block;
  width:100%;
  margin-top:4px;
  padding:7px 10px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:6px;
  font-size:13px;
  background:var(--ca-s-white, #ffffff);
  box-sizing:border-box;
}
.ca-pricing-admin-tier input:focus{
  outline:none;
  border-color:var(--ca-s-indigo-500, #6366f1);
  box-shadow:0 0 0 2px rgba(99,102,241,.15);
}
.ca-advisory-credits-list{
  margin:12px 0;
}
.ca-advisory-credits-row{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-bottom:12px;
  padding:12px;
  background:var(--ca-s-slate-50, #f8fafc);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
}
.ca-advisory-credits-row label{
  flex:1;
  display:block;
  font-size:13px;
  font-weight:500;
  color:var(--ca-t-gray-600, #4b5563);
}
.ca-advisory-credits-row input{
  display:block;
  width:100%;
  margin-top:4px;
  padding:7px 10px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:6px;
  font-size:13px;
  box-sizing:border-box;
}
.ca-advisory-credits-row .ca-advisory-credits-remove{
  flex-shrink:0;
  padding:6px 12px;
  font-size:12px;
  color:var(--ca-t-red-600, #dc2626);
  background:var(--ca-s-red-50, #fef2f2);
  border:1px solid var(--ca-s-red-200, #fecaca);
  border-radius:6px;
  cursor:pointer;
}
.ca-advisory-credits-row .ca-advisory-credits-remove:hover{
  background:var(--ca-s-red-100, #fee2e2);
}

/* Figma Make prompt layers (Super Admin Settings) */
.ca-figma-layers-list{
  display:flex;
  flex-direction:column;
  gap:16px;
  margin:16px 0;
  min-width:0;
}
.ca-figma-layers-list > p{
  margin:0;
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-figma-layer-card{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:18px;
  background:var(--ca-s-slate-50, #f8fafc);
  min-width:0;
}
.ca-figma-layer-card__meta{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto 72px;
  gap:12px 16px;
  align-items:end;
  margin-bottom:16px;
}
@media(max-width:768px){
  .ca-figma-layer-card__meta{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
  .ca-figma-layer-card__meta .ca-figma-layer-card__active{
    grid-column:1;
  }
  .ca-figma-layer-card__meta .ca-figma-layer-card__field--order{
    grid-column:2;
  }
}
.ca-figma-layer-card__field{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
.ca-figma-layer-card__field input,
.ca-figma-layer-card__field textarea{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  padding:10px 12px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:10px;
  font-size:14px;
  font-weight:400;
  color:var(--ca-t-gray-900, #111827);
  background:var(--ca-s-white, #ffffff);
  box-sizing:border-box;
}
.ca-figma-layer-card__field input[readonly]{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-500, #6b7280);
  cursor:default;
}
.ca-figma-layer-card__field input:focus,
.ca-figma-layer-card__field textarea:focus{
  outline:none;
  border-color:var(--ca-s-violet-600, #7c3aed);
  box-shadow:0 0 0 3px rgba(124,58,237,.12);
}
.ca-figma-layer-card__field--order input{
  text-align:center;
  padding-left:8px;
  padding-right:8px;
}
.ca-figma-layer-card__active{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:8px;
  padding-bottom:10px;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
  user-select:none;
  white-space:nowrap;
}
.ca-super-admin__panel .ca-figma-layer-card__active{
  flex-direction:row;
  align-items:center;
}
.ca-figma-layer-card__active input{
  width:16px;
  height:16px;
  min-width:16px;
  margin:0;
  padding:0;
  border-radius:4px;
  accent-color:var(--ca-s-violet-600, #7c3aed);
  cursor:pointer;
  flex-shrink:0;
}
.ca-super-admin__panel .ca-figma-layer-card__active input[type="checkbox"]{
  width:16px;
  height:16px;
  padding:0;
}
.ca-figma-layer-card__prompt{
  margin-bottom:16px;
}
.ca-figma-layer-card__prompt textarea{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:13px;
  line-height:1.55;
  min-height:200px;
  resize:vertical;
  white-space:pre-wrap;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.ca-figma-layer-card__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.ca-figma-layers-add-wrap{
  margin-top:4px;
}

.ca-super-admin__table-wrap{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  overflow-x:auto;
  overflow-y:visible;
  background:var(--ca-s-white, #ffffff);
}
.ca-super-admin__row{
  display:flex;
  gap:12px;
  align-items:flex-end;
}
.ca-super-admin__row label{
  flex:1;
}
.ca-super-admin__panel label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-super-admin__panel input,
.ca-super-admin__panel select{
  border:1px solid var(--ca-s-xd8dbe8, #d8dbe8);
  border-radius:10px;
  padding:10px 12px;
  font-size:14px;
  background:var(--ca-s-white, #ffffff);
}
.ca-super-admin__panel input:focus,
.ca-super-admin__panel select:focus{
  outline:none;
  border-color:var(--ca-s-violet-600, #7c3aed);
  box-shadow:0 0 0 3px rgba(124, 58, 237, 0.12);
}
.ca-super-admin__checkbox{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
}

.ca-upload-settings__formats{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:4px;
}
.ca-upload-settings__formats .ca-super-admin__field-label{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-upload-settings__format-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));
  gap:6px 16px;
}
.ca-upload-settings__format-grid .ca-super-admin__checkbox{
  margin-top:0;
  font-size:13px;
}

/* Questionnaire pre-fill: modern toggle switch */
.ca-super-admin__prefill-toggle{
  cursor:pointer;
  margin-top:4px;
  user-select:none;
  flex-direction:row;
  align-items:center;
  gap:12px;
}
.ca-super-admin__prefill-toggle .ca-super-admin__toggle-input{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.ca-super-admin__prefill-toggle .ca-super-admin__toggle-slider{
  flex-shrink:0;
  position:relative;
  width:44px;
  height:24px;
  border-radius:999px;
  background:var(--ca-s-gray-300, #d1d5db);
  transition:background 0.2s ease, box-shadow 0.2s ease;
}
.ca-super-admin__prefill-toggle .ca-super-admin__toggle-slider::after{
  content:"";
  position:absolute;
  top:2px;
  left:2px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:var(--ca-s-white, #ffffff);
  box-shadow:0 1px 3px rgba(0,0,0,0.2);
  transition:transform 0.2s ease;
}
.ca-super-admin__prefill-toggle .ca-super-admin__toggle-input:focus + .ca-super-admin__toggle-slider{
  box-shadow:0 0 0 3px rgba(124, 58, 237, 0.25);
}
.ca-super-admin__prefill-toggle .ca-super-admin__toggle-input:checked + .ca-super-admin__toggle-slider{
  background:var(--ca-s-violet-600, #7c3aed);
}
.ca-super-admin__prefill-toggle .ca-super-admin__toggle-input:checked + .ca-super-admin__toggle-slider::after{
  transform:translateX(20px);
}
.ca-super-admin__prefill-toggle .ca-super-admin__toggle-label{
  font-size:14px;
  font-weight:500;
  color:var(--ca-t-gray-900, #111827);
}
.ca-super-admin__table{
  width:100%;
  border-collapse:collapse;
}
.ca-super-admin__table th,
.ca-super-admin__table td{
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  padding:8px 10px;
  font-size:13px;
  text-align:left;
  vertical-align:middle;
}
.ca-super-admin__table thead th{
  background:var(--ca-s-slate-50, #f8fafc);
  font-size:12px;
  letter-spacing:0.02em;
  text-transform:uppercase;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-super-admin__table tbody tr:nth-child(even){
  background:var(--ca-s-xfcfcfd, #fcfcfd);
}
.ca-table-loading{
  text-align:center;
  padding:32px 10px !important;
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:14px;
}
.ca-super-admin__table tbody tr:hover{
  background:var(--ca-s-slate-50, #f8fafc);
  cursor:pointer;
}
.ca-super-admin__table tbody tr.is-selected{
  background:var(--ca-s-indigo-50, #eef2ff);
}
.ca-super-admin__table thead th.ca-super-admin__select,
.ca-super-admin__table tbody td.ca-super-admin__select{
  width:44px;
  min-width:44px;
  max-width:44px;
  padding:8px 6px;
  text-align:center;
  text-transform:none;
  letter-spacing:0;
}
.ca-super-admin__table thead th.ca-super-admin__select input[type="checkbox"],
.ca-super-admin__table tbody td.ca-super-admin__select input[type="checkbox"]{
  width:15px;
  height:15px;
  accent-color:var(--ca-s-violet-600, #7c3aed);
  cursor:pointer;
  margin:0;
  vertical-align:middle;
}
.ca-super-admin__table tbody td.ca-super-admin__select input[type="checkbox"]:disabled{
  cursor:not-allowed;
  opacity:.45;
}
.ca-super-admin__table tbody tr.is-checked{
  background:var(--ca-s-violet-50, #f5f3ff);
}
.ca-super-admin tr.is-checked.is-soft-deleted td{
  background:var(--ca-s-violet-50, #f5f3ff);
}
.ca-super-admin__panel .ca-proj-bulkbar{
  margin-top:4px;
}
#caUsersBulkModal .ca-modal__actions{
  margin-top:16px;
}
.ca-super-admin__email{
  word-break:break-all;
}

/* ── Users table footer (summary + pagination, used above and below) ── */
.ca-super-admin__table-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  padding:10px 4px;
  font-size:13px;
  color:var(--ca-t-x475467, #475467);
}
.ca-super-admin__table-footer--top{
  margin:6px 0 12px;
  padding-bottom:12px;
  border-bottom:1px solid var(--ca-s-slate-100, #f1f5f9);
}
.ca-super-admin__table-footer--bottom{
  margin-top:12px;
}
.ca-super-admin__table-summary strong{
  color:var(--ca-t-slate-900, #0f172a);
  font-weight:600;
}
.ca-super-admin__pager{
  display:inline-flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
}
.ca-super-admin__pager-btn,
.ca-super-admin__pager-num{
  appearance:none;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-slate-900, #0f172a);
  font:inherit;
  font-weight:500;
  padding:6px 10px;
  min-width:34px;
  height:32px;
  border-radius:8px;
  cursor:pointer;
  transition:background-color .12s ease, border-color .12s ease, color .12s ease;
}
.ca-super-admin__pager-btn:hover:not([disabled]),
.ca-super-admin__pager-num:hover:not(.is-current){
  background:var(--ca-s-gray-100, #f3f4f6);
  border-color:var(--ca-s-gray-300, #d1d5db);
}
.ca-super-admin__pager-btn[disabled]{
  opacity:.45;
  cursor:not-allowed;
}
.ca-super-admin__pager-num.is-current{
  background:var(--ca-s-indigo-700, #4338ca);
  border-color:var(--ca-s-indigo-700, #4338ca);
  color:var(--ca-t-white, #ffffff);
  cursor:default;
}
.ca-super-admin__pager-gap{
  padding:0 4px;
  color:var(--ca-t-gray-400, #9ca3af);
  user-select:none;
}
.ca-super-admin__empty{
  text-align:center;
  padding:32px 10px !important;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
}
@media (max-width:640px){
  .ca-super-admin__table-footer{
    justify-content:center;
    text-align:center;
  }
}
.ca-super-admin__pill{
  display:inline-flex;
  align-items:center;
  padding:2px 8px;
  margin:2px 4px 2px 0;
  border-radius:999px;
  background:var(--ca-s-indigo-50, #eef2ff);
  color:var(--ca-t-indigo-800, #3730a3);
  font-size:11px;
  font-weight:600;
}
.ca-super-admin__notice,
.ca-super-admin__detail-notice{
  margin-top:10px;
  color:var(--ca-t-blue-600, #2563eb);
}
.ca-scheduling-onepager__filters{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 20px;
  margin-bottom:16px;
}
.ca-scheduling-onepager__search{
  min-width:220px;
  max-width:320px;
}
.ca-scheduling-onepager__filters label[for="caSchedulingOnepagerDate"]{
  margin:0;
  font-weight:500;
  color:var(--ca-t-gray-700, #374151);
}
.ca-scheduling-onepager__date{
  width:auto;
}
.ca-scheduling-onepager__loading,
.ca-scheduling-onepager__empty{
  margin:12px 0;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-scheduling-onepager__notice{
  margin-top:10px;
  color:var(--ca-t-blue-600, #2563eb);
}
.ca-scheduling-onepager__notice--error{
  color:var(--ca-t-red-600, #dc2626);
}
.ca-scheduling-onepager__url{
  min-width:220px;
}
.ca-scheduling-onepager__row:not(.ca-scheduling-onepager__row--clickable){
  cursor:default;
}
.ca-scheduling-onepager__row--clickable{
  cursor:pointer;
}
.ca-scheduling-onepager__row--clickable:hover{
  background:var(--ca-s-slate-50, #f8fafc);
}
.ca-scheduling-onepager__row--expanded .ca-scheduling-onepager__expand svg{
  transform:rotate(180deg);
}
.ca-scheduling-onepager__expand-cell{
  width:36px;
  padding:8px !important;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-scheduling-onepager__expand{
  display:inline-flex;
  transition:transform .2s;
}
.ca-scheduling-onepager__live-badge{
  font-size:11px;
  font-weight:600;
  padding:3px 8px;
  border-radius:6px;
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-600, #16a34a);
}
.ca-scheduling-onepager__detail-row td{
  padding:0 !important;
  border-top:none !important;
  vertical-align:top;
}
.ca-scheduling-onepager__detail-cell{
  background:var(--ca-s-slate-50, #f8fafc) !important;
}
.ca-scheduling-onepager__detail{
  padding:20px 24px;
}
.ca-scheduling-onepager__detail-title{
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
  margin:0 0 16px;
}
.ca-scheduling-onepager__detail-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px 24px;
  max-width:560px;
}
.ca-scheduling-onepager__detail-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:13px;
  font-weight:500;
  color:var(--ca-t-gray-600, #4b5563);
  min-width:0;
}
.ca-scheduling-onepager__detail-form label:first-child{
  flex-direction:row;
  align-items:center;
  grid-column:1/-1;
}
.ca-scheduling-onepager__detail-form label:nth-child(4){
  grid-column:1/-1;
}
.ca-scheduling-onepager__detail-form input[type="text"],
.ca-scheduling-onepager__detail-form input[type="url"]{
  padding:8px 12px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:6px;
  font-size:13px;
  min-width:0;
  width:100%;
  box-sizing:border-box;
}
.ca-scheduling-onepager__detail-actions{
  display:flex;
  gap:10px;
  align-items:center;
  grid-column:1/-1;
  margin-top:8px;
}
.ca-scheduling-onepager .ca-admin__table{
  min-width:700px;
}
.ca-scheduling-onepager__times{
  white-space:nowrap;
  max-width:220px;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Customer Leads admin */
.ca-customer-leads__filters{
  margin-bottom:12px;
}
.ca-customer-leads__search{
  min-width:220px;
}
.ca-customer-leads__loading,
.ca-customer-leads__empty{
  margin:12px 0;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-customer-leads__notice{
  margin:12px 0;
  color:var(--ca-t-blue-600, #2563eb);
}
.ca-customer-leads__notice--error{
  color:var(--ca-t-red-600, #dc2626);
}
.ca-customer-leads__row{
  cursor:pointer;
}
.ca-customer-leads__row:hover{
  background:var(--ca-s-slate-100, #f1f5f9);
}
.ca-customer-leads__detail{
  width:100%;
  min-height:400px;
  overflow:auto;
  background:var(--ca-s-white, #ffffff);
}
.ca-customer-leads__detail-panel{
  position:relative;
  width:100%;
  min-height:100%;
  overflow:auto;
  padding:20px 24px;
  box-sizing:border-box;
}
.ca-customer-leads__detail-close{
  position:absolute;
  top:12px;
  right:12px;
  background:0;
  border:0;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  color:var(--ca-t-gray-500, #6b7280);
  padding:4px;
  z-index:1;
}
.ca-customer-leads__detail-close:hover{
  color:var(--ca-t-gray-900, #111827);
}
.ca-customer-leads__detail-toolbar{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:20px;
  padding-bottom:16px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-customer-leads__detail-title{
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-customer-leads__section{
  background:var(--ca-s-gray-50, #f9fafb);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  padding:16px 18px;
  margin-bottom:16px;
}
.ca-customer-leads__section:last-child{
  margin-bottom:0;
}
.ca-customer-leads__detail-heading{
  margin:0 0 10px;
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
.ca-customer-leads__section .ca-customer-leads__detail-heading:first-child{
  margin-top:0;
}
.ca-customer-leads__detail-block{
  margin-bottom:0;
}
.ca-customer-leads__section .ca-customer-leads__detail-block:last-child{
  margin-bottom:0;
}
.ca-customer-leads__detail-row{
  margin-bottom:6px;
  font-size:14px;
}
.ca-customer-leads__detail-meta{
  margin:0 0 8px;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-customer-leads__detail-sub{
  margin:8px 0;
}
.ca-customer-leads__detail-json{
  margin:4px 0;
  padding:10px;
  background:var(--ca-s-slate-100, #f1f5f9);
  border-radius:6px;
  font-size:12px;
  overflow:auto;
  white-space:pre-wrap;
}
.ca-customer-leads__detail-uploads{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ca-customer-leads__upload-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
}
.ca-customer-leads__upload-main{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  flex:1;
  cursor:pointer;
}
.ca-customer-leads__upload-main input{
  margin:0;
}
.ca-customer-leads__upload-name{
  min-width:0;
  overflow-wrap:anywhere;
  color:var(--ca-t-gray-900, #111827);
  font-size:14px;
}
.ca-customer-leads__upload-item-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
}
.ca-customer-leads__upload-download-one{
  white-space:nowrap;
}
.ca-customer-leads__uploads-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.ca-customer-leads__upload-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.ca-customer-leads__upload-select-all-wrap{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
}
.ca-customer-leads__upload-select-all-wrap input{
  margin:0;
}
.ca-customer-leads__upload-selection-count{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-right:auto;
}
.ca-customer-leads__detail-error{
  color:var(--ca-t-red-600, #dc2626);
}

/* ================================================================
   Seller Leads & Customers
   ================================================================ */
.ca-seller-leads-customers .ca-slc-header{
  margin-bottom:20px;
}
.ca-seller-leads-customers__toolbar{
  margin-bottom:12px;
  flex-wrap:wrap;
  gap:10px;
}
.ca-seller-leads-customers__toolbar .ca-lop-search{
  flex:1 1 240px;
  min-width:200px;
}
.ca-seller-leads-customers__toolbar .ca-lop-filter-select{
  flex:0 1 auto;
  min-width:140px;
}
.ca-slc-panel{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
  padding:18px 20px 20px;
  box-shadow:0 1px 3px rgba(15,23,42,.06);
}
.ca-slc-result-count{
  margin:0 0 14px;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-slc-loading{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:8px 0 16px;
}
.ca-slc-loading__skeleton{
  height:64px;
  border-radius:10px;
  background:linear-gradient(90deg,var(--ca-s-gray-100, #f3f4f6) 25%,var(--ca-s-gray-200, #e5e7eb) 50%,var(--ca-s-gray-100, #f3f4f6) 75%);
  background-size:200% 100%;
  animation:caSlcShimmer 1.2s ease-in-out infinite;
}
.ca-slc-loading__skeleton--hero{
  height:120px;
  border-radius:14px;
}
@keyframes caSlcShimmer{
  0%{background-position:200% 0;}
  100%{background-position:-200% 0;}
}
.ca-slc-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:48px 20px;
  color:var(--ca-t-gray-400, #9ca3af);
  text-align:center;
}
.ca-slc-empty svg{
  color:var(--ca-t-gray-300, #d1d5db);
  margin-bottom:4px;
}
.ca-slc-empty p{
  margin:0;
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-slc-empty span{
  font-size:13px;
}
.ca-slc-notice{
  margin-bottom:12px;
}
.ca-slc-list-wrap{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  overflow:hidden;
}
.ca-slc-list-header{
  display:grid;
  grid-template-columns:minmax(220px,2fr) 90px 120px 72px 72px 72px 100px 28px;
  gap:12px;
  align-items:center;
  padding:10px 18px;
  background:var(--ca-s-gray-50, #f9fafb);
  border-bottom:2px solid var(--ca-s-gray-200, #e5e7eb);
  font-size:11px;
  font-weight:600;
  color:var(--ca-t-gray-500, #6b7280);
  text-transform:uppercase;
  letter-spacing:.04em;
}
.ca-slc-list{
  display:flex;
  flex-direction:column;
}
.ca-slc-row{
  display:grid;
  grid-template-columns:minmax(220px,2fr) 90px 120px 72px 72px 72px 100px 28px;
  gap:12px;
  align-items:center;
  width:100%;
  padding:14px 18px;
  border:none;
  border-bottom:1px solid var(--ca-s-slate-100, #f1f5f9);
  background:var(--ca-s-white, #ffffff);
  text-align:left;
  cursor:pointer;
  transition:background .15s, box-shadow .15s;
}
.ca-slc-row:last-child{
  border-bottom:none;
}
.ca-slc-row:hover{
  background:var(--ca-s-zinc-50, #fafafa);
}
.ca-slc-row:focus-visible{
  outline:2px solid var(--ca-s-violet-600, #7c3aed);
  outline-offset:-2px;
  z-index:1;
}
.ca-slc-row__user{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.ca-slc-avatar{
  width:40px;
  height:40px;
  border-radius:10px;
  background:linear-gradient(135deg,var(--ca-s-violet-100, #ede9fe),var(--ca-s-violet-200, #ddd6fe));
  color:var(--ca-t-violet-700, #6d28d9);
  font-size:14px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.ca-slc-avatar--lg{
  width:56px;
  height:56px;
  border-radius:14px;
  font-size:18px;
}
.ca-slc-row__user-text{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.ca-slc-row__name{
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-slc-row__email{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-slc-row__type{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}
.ca-slc-row__date{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-slc-row__arrow{
  color:var(--ca-t-gray-300, #d1d5db);
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.ca-slc-row:hover .ca-slc-row__arrow{
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-slc-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:28px;
  padding:0 8px;
  border-radius:999px;
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-500, #6b7280);
  font-size:12px;
  font-weight:600;
}
.ca-slc-count--active{
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-slc-pagination-wrap{
  margin-bottom:14px;
}
.ca-slc-pagination-wrap--bottom{
  margin-bottom:0;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--ca-s-slate-100, #f1f5f9);
}
.ca-slc-pagination-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.ca-slc-pagination-bar__rows{
  flex:0 0 auto;
}
.ca-slc-rows-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0;
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
}
.ca-slc-rows-label__text{
  font-weight:500;
  white-space:nowrap;
}
.ca-slc-rows-label .ca-lop-filter-select{
  min-width:72px;
}
.ca-slc-pagination-bar__nav{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-left:auto;
}
.ca-slc-page-numbers{
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.ca-slc-page-num{
  min-width:34px;
  height:34px;
  padding:0 8px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:var(--ca-t-gray-700, #374151);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:background .15s, border-color .15s, color .15s;
}
.ca-slc-page-num:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
  border-color:var(--ca-s-gray-200, #e5e7eb);
}
.ca-slc-page-num.is-active{
  background:var(--ca-s-violet-100, #ede9fe);
  border-color:var(--ca-s-violet-300, #c4b5fd);
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-slc-page-ellipsis{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:13px;
  user-select:none;
}
.ca-slc-page-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:background .15s, border-color .15s;
}
.ca-slc-page-btn:hover:not(:disabled){
  background:var(--ca-s-gray-50, #f9fafb);
  border-color:var(--ca-s-gray-300, #d1d5db);
}
.ca-slc-page-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}

/* Detail view */
.ca-slc-detail{
  width:100%;
  max-width:none;
}
.ca-slc-detail__toolbar{
  margin-bottom:16px;
}
.ca-slc-back-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:background .15s;
}
.ca-slc-back-btn:hover{
  background:var(--ca-s-gray-50, #f9fafb);
}
.ca-slc-detail__hero{
  display:flex;
  align-items:center;
  gap:18px;
  padding:22px 24px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
  margin-bottom:16px;
  box-shadow:0 1px 3px rgba(15,23,42,.06);
}
.ca-slc-detail__name{
  margin:0 0 4px;
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-slc-detail__email{
  display:inline-block;
  font-size:14px;
  color:var(--ca-t-violet-700, #6d28d9);
  text-decoration:none;
  margin-bottom:10px;
}
.ca-slc-detail__email:hover{
  text-decoration:underline;
}
.ca-slc-detail__badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.ca-slc-detail__meta-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:20px;
}
.ca-slc-meta-card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:14px 16px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.ca-slc-meta-card__label{
  font-size:11px;
  font-weight:600;
  color:var(--ca-t-gray-500, #6b7280);
  text-transform:uppercase;
  letter-spacing:.04em;
}
.ca-slc-meta-card__value{
  font-size:24px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-slc-meta-card__value--sm{
  font-size:14px;
  font-weight:600;
}
.ca-slc-detail__section{
  margin-bottom:20px;
}
.ca-slc-detail__heading{
  margin:0 0 12px;
  font-size:16px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-slc-detail__card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:16px 18px;
}
.ca-slc-detail__card--empty{
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
}
.ca-slc-detail__card--empty p{
  margin:0;
}
.ca-slc-detail__empty-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  text-decoration:none;
  cursor:pointer;
  transition:border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.ca-slc-detail__empty-action:hover{
  border-color:var(--ca-s-indigo-200, #c7d2fe);
  background:var(--ca-s-xf8f7ff, #f8f7ff);
  box-shadow:0 1px 3px rgba(79,70,229,.08);
}
.ca-slc-detail__empty-action-text{
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
}
.ca-slc-detail__empty-action-btn{
  flex-shrink:0;
  white-space:nowrap;
}
.ca-slc-detail__loading{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.ca-seller-leads-customers__product-card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:16px 18px;
  margin-bottom:12px;
  transition:border-color .15s, box-shadow .15s;
}
.ca-seller-leads-customers__product-card:hover{
  border-color:var(--ca-s-violet-200, #ddd6fe);
  box-shadow:0 2px 8px rgba(124,58,237,.08);
}
.ca-seller-leads-customers__product-head{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-bottom:12px;
}
.ca-seller-leads-customers__product-head strong{
  font-size:15px;
  color:var(--ca-t-gray-900, #111827);
}
.ca-seller-leads-customers__product-meta{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-seller-leads-customers__doc-list{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ca-seller-leads-customers__doc-item{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  background:var(--ca-s-gray-50, #f9fafb);
  border-radius:8px;
  font-size:13px;
}
.ca-seller-leads-customers__doc-item svg{
  color:var(--ca-t-gray-400, #9ca3af);
  flex-shrink:0;
}
.ca-seller-leads-customers__doc-item a{
  color:var(--ca-t-violet-700, #6d28d9);
  text-decoration:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-seller-leads-customers__doc-item a:hover{
  text-decoration:underline;
}
.ca-seller-leads-customers__empty-docs{
  margin:0;
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-slc-upload-box{
  margin-top:16px;
  padding:16px 18px;
  background:var(--ca-s-gray-50, #f9fafb);
  border:1px dashed var(--ca-s-gray-300, #d1d5db);
  border-radius:12px;
}
.ca-slc-upload-box__hint{
  margin:0 0 12px;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-seller-leads-customers__upload-title{
  margin:0 0 4px;
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
.ca-seller-leads-customers__upload-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.ca-seller-leads-customers__file-input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  overflow:hidden;
}
.ca-slc-file-btn{
  display:inline-flex;
  align-items:center;
  padding:8px 14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:background .15s;
}
.ca-slc-file-btn:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-seller-leads-customers__upload-status{
  margin:10px 0 0;
  font-size:13px;
  color:var(--ca-t-emerald-600, #059669);
}
.ca-slc-items-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ca-slc-item-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  padding:14px 16px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  cursor:pointer;
  text-align:left;
  font:inherit;
  color:inherit;
  transition:border-color .15s, box-shadow .15s;
}
.ca-slc-item-row:hover{
  border-color:var(--ca-s-violet-200, #ddd6fe);
  box-shadow:0 2px 8px rgba(124,58,237,.08);
}
.ca-slc-item-row:focus-visible{
  outline:2px solid var(--ca-s-violet-600, #7c3aed);
  outline-offset:2px;
}
.ca-slc-item-row__main{
  min-width:0;
  flex:1;
}
.ca-slc-item-row__title{
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-slc-item-row__meta{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-top:2px;
}
.ca-slc-item-row__aside{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
  flex-shrink:0;
}
.ca-slc-item-row__product{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  max-width:160px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-slc-item-row__count{
  font-size:12px;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-slc-item-row__chevron{
  display:flex;
  color:var(--ca-t-gray-400, #9ca3af);
}

.ca-slc-detail-modal__panel{
  position:relative;
  width:100%;
  max-width:960px;
  max-height:min(78vh,720px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(124,58,237,.12);
  box-shadow:0 24px 64px rgba(17,24,39,.18);
}
.ca-slc-unsaved-dialog{
  position:absolute;
  inset:0;
  z-index:5;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:24px;
  background:var(--ca-s-white-a92, rgba(255,255,255,.92));
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  border-radius:inherit;
}
.ca-slc-unsaved-dialog[hidden]{
  display:none;
}
.ca-slc-unsaved-dialog__text{
  margin:0;
  max-width:360px;
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  text-align:center;
}
.ca-slc-unsaved-dialog__actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.ca-slc-detail-modal{
  padding:20px;
}
.ca-slc-detail-modal__top{
  align-items:flex-start;
  gap:16px;
  padding:18px 24px 14px;
  background:linear-gradient(180deg,var(--ca-s-purple-50, #faf5ff) 0%,var(--ca-s-white, #ffffff) 100%);
  border-bottom:1px solid var(--ca-s-violet-100, #ede9fe);
  flex-shrink:0;
}
.ca-slc-detail-modal__heading{
  min-width:0;
  padding-right:44px;
}
.ca-slc-detail-modal__badge{
  display:inline-flex;
  align-items:center;
  margin-bottom:8px;
  padding:3px 10px;
  border-radius:999px;
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-700, #6d28d9);
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.ca-slc-detail-modal__title{
  margin:0;
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  line-height:1.25;
  text-align:left;
}
.ca-slc-detail-modal__subtitle{
  margin:8px 0 0;
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-slc-detail-modal__body{
  padding:4px 24px 20px;
  flex:1;
  min-height:0;
  max-height:none;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(124,58,237,.25) transparent;
}
.ca-slc-detail-modal__body::-webkit-scrollbar{
  width:6px;
}
.ca-slc-detail-modal__body::-webkit-scrollbar-thumb{
  background:rgba(124,58,237,.22);
  border-radius:999px;
}
.ca-slc-modal-section{
  padding-top:16px;
  margin-top:2px;
}
.ca-slc-modal-section:first-child{
  padding-top:12px;
}
.ca-slc-modal-section--product .ca-slc-modal-section__head{
  position:sticky;
  top:0;
  z-index:3;
  background:var(--ca-s-white, #ffffff);
  padding-top:8px;
  padding-bottom:12px;
  margin-bottom:10px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-slc-modal-section__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.ca-slc-modal-section__head-main{
  min-width:0;
  flex:1;
}
.ca-slc-modal-actions--inline{
  margin:0;
  padding:0;
  border-top:0;
  flex-shrink:0;
}
.ca-slc-modal-actions--bottom{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-slc-modal-section__hint{
  margin:0;
  font-size:12px;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-slc-modal-section__title{
  margin:0;
  font-size:12px;
  font-weight:700;
  color:var(--ca-t-gray-500, #6b7280);
  letter-spacing:.06em;
  text-transform:uppercase;
}
.ca-slc-modal-section__head .ca-slc-modal-section__title{
  margin:0;
}
.ca-slc-modal-section--meta{
  padding-top:12px;
}
.ca-slc-modal-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.ca-slc-modal-badge{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  padding:4px 10px;
  background:var(--ca-s-gray-100, #f3f4f6);
  border-radius:999px;
}
.ca-slc-gtm-sections{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.ca-slc-product-fields[data-editing="0"] .ca-slc-field__input{
  border-color:var(--ca-s-xeef2f7, #eef2f7);
  background:var(--ca-s-white, #ffffff);
  resize:none;
  cursor:default;
  color:var(--ca-t-gray-900, #111827);
  overflow:auto;
}
.ca-slc-product-fields[data-editing="0"] .ca-slc-field__input:focus{
  outline:none;
  border-color:var(--ca-s-xeef2f7, #eef2f7);
  box-shadow:none;
}
.ca-slc-product-fields[data-editing="1"] .ca-slc-field__input{
  background:var(--ca-s-white, #ffffff);
  border-color:var(--ca-s-gray-300, #d1d5db);
  cursor:text;
}
.ca-slc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:38px;
  padding:8px 18px;
  border-radius:8px;
  border:1px solid transparent;
  font:inherit;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  cursor:pointer;
  transition:background .15s, border-color .15s, color .15s, box-shadow .15s;
  white-space:nowrap;
}
.ca-slc-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.ca-slc-btn--primary{
  background:var(--ca-s-violet-600, #7c3aed);
  border-color:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
  box-shadow:0 1px 2px rgba(124,58,237,.2);
}
.ca-slc-btn--primary:hover:not(:disabled){
  background:var(--ca-s-violet-700, #6d28d9);
  border-color:var(--ca-s-violet-700, #6d28d9);
}
.ca-slc-btn--secondary{
  background:var(--ca-s-white, #ffffff);
  border-color:var(--ca-s-gray-300, #d1d5db);
  color:var(--ca-t-gray-700, #374151);
}
.ca-slc-btn--secondary:hover:not(:disabled){
  background:var(--ca-s-gray-50, #f9fafb);
  border-color:var(--ca-s-gray-400, #9ca3af);
}
.ca-slc-btn--ghost{
  background:transparent;
  border-color:var(--ca-s-gray-200, #e5e7eb);
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-slc-btn--ghost:hover:not(:disabled){
  background:var(--ca-s-gray-50, #f9fafb);
  color:var(--ca-t-gray-700, #374151);
}
.ca-slc-modal-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-slc-modal-save-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-slc-gtm-section{
  padding:12px 14px;
  background:var(--ca-s-gray-50, #f9fafb);
  border:1px solid var(--ca-s-xeef2f7, #eef2f7);
  border-radius:12px;
  min-width:0;
  overflow:hidden;
}
.ca-slc-gtm-section__title{
  margin:0 0 10px;
  padding-bottom:8px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
.ca-slc-field-grid{
  margin:0;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.ca-slc-field-grid--editable{
  gap:8px;
}
.ca-slc-field{
  margin:0;
  min-width:0;
}
.ca-slc-field__label{
  margin:0 0 4px;
  font-size:11px;
  font-weight:600;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-slc-field__value{
  margin:0;
  font-size:13px;
  line-height:1.5;
  color:var(--ca-t-gray-900, #111827);
  white-space:pre-wrap;
  word-break:break-word;
}
.ca-slc-field__control{
  margin:0;
  min-width:0;
}
.ca-slc-field__input{
  width:100%;
  max-width:100%;
  min-height:36px;
  padding:8px 10px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-900, #111827);
  font:inherit;
  font-size:13px;
  line-height:1.45;
  resize:vertical;
  box-sizing:border-box;
  word-break:break-word;
  overflow-wrap:anywhere;
  transition:border-color .15s, box-shadow .15s;
}
.ca-slc-field__input:focus{
  outline:none;
  border-color:var(--ca-s-violet-400, #a78bfa);
  box-shadow:0 0 0 3px rgba(167,139,250,.2);
}
.ca-slc-field__empty{
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-slc-field-save-status{
  font-size:13px;
  color:var(--ca-t-emerald-600, #059669);
  margin-left:auto;
}
.ca-seller-leads-customers__doc-item{
  justify-content:space-between;
  gap:12px;
}
.ca-slc-doc-item__main{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  flex:1;
}
.ca-slc-doc-item__main a,
.ca-slc-doc-item__name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-slc-doc-unattach{
  flex-shrink:0;
  padding:5px 10px;
  border:1px solid var(--ca-s-red-200, #fecaca);
  border-radius:6px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-red-700, #b91c1c);
  font-size:12px;
  font-weight:600;
  cursor:pointer;
  transition:background .15s, border-color .15s;
}
.ca-slc-doc-unattach:hover:not(:disabled){
  background:var(--ca-s-red-50, #fef2f2);
  border-color:var(--ca-s-red-400, #f87171);
}
.ca-slc-doc-unattach:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.ca-slc-modal-upload{
  margin-top:8px;
  padding:16px;
  background:linear-gradient(180deg,var(--ca-s-zinc-50, #fafafa) 0%,var(--ca-s-violet-50, #f5f3ff) 100%);
  border:1px dashed var(--ca-s-violet-300, #c4b5fd);
  border-radius:12px;
}
.ca-slc-account-upload{
  margin-top:14px;
}
.ca-slc-modal-upload__inner{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:10px;
}
.ca-slc-file-btn--modal{
  flex:1;
  min-width:140px;
  justify-content:center;
}
.ca-slc-file-btn--modal.has-files{
  border-color:var(--ca-s-violet-300, #c4b5fd);
  background:var(--ca-s-purple-50, #faf5ff);
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-slc-file-btn__label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-slc-modal-upload__file-list{
  list-style:none;
  margin:10px 0 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.ca-slc-modal-upload__file-list[hidden]{
  display:none;
}
.ca-slc-modal-upload__file-item{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
  word-break:break-word;
}
.ca-slc-modal-upload__file-item::before{
  content:'';
  flex-shrink:0;
  width:16px;
  height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236d28d9' stroke-width='2'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ca-slc-modal-upload__btn{
  flex-shrink:0;
  min-width:100px;
}
@media (max-width:1100px){
  .ca-slc-gtm-sections{
    grid-template-columns:1fr;
  }
  .ca-slc-detail-modal__panel{
    max-width:calc(100vw - 40px);
  }
}
@media (max-width:640px){
  .ca-slc-detail-modal{
    padding:0;
  }
  .ca-slc-detail-modal__panel{
    max-width:none;
    max-height:88vh;
    border-radius:16px 16px 0 0;
  }
  .ca-slc-modal-section__head{
    flex-direction:column;
    align-items:stretch;
  }
  .ca-slc-modal-actions--inline{
    width:100%;
  }
  .ca-slc-modal-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .ca-slc-modal-actions .ca-slc-btn{
    width:100%;
  }
  .ca-slc-field-save-status{
    margin-left:0;
    text-align:center;
  }
  .ca-slc-modal-upload__inner{
    flex-direction:column;
  }
  .ca-slc-modal-upload__inner .ca-slc-btn,
  .ca-slc-modal-upload__inner .ca-slc-file-btn--modal{
    width:100%;
  }
}

.ca-slc-surfaces-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ca-slc-surface-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:0;
  padding:14px 16px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  transition:border-color .15s;
}
.ca-slc-surface-card:hover{
  border-color:var(--ca-s-blue-100, #dbeafe);
}
.ca-slc-surface-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.ca-slc-surface-card__details{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--ca-s-gray-100, #f3f4f6);
}
.ca-slc-surface-card__docs-block{
  margin-top:12px;
}
.ca-slc-product-uploads{
  margin-top:4px;
}
.ca-slc-product-uploads__label{
  margin:0 0 8px;
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-gray-500, #6b7280);
  text-transform:uppercase;
  letter-spacing:.04em;
}
.ca-seller-leads-customers .ca-customer-leads__qa-list{
  gap:10px;
}
.ca-seller-leads-customers .ca-customer-leads__qa-row{
  padding:10px 12px;
  background:var(--ca-s-gray-50, #f9fafb);
  border-radius:8px;
}
.ca-slc-surface-card__title{
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-slc-surface-card__deal{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-top:2px;
}
.ca-slc-surface-card__meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.ca-slc-surface-card__product{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  max-width:160px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-slc-surface-card__docs{
  font-size:12px;
  color:var(--ca-t-gray-400, #9ca3af);
}

@media (max-width:1100px){
  .ca-slc-list-header,
  .ca-slc-row{
    grid-template-columns:minmax(180px,2fr) 80px 100px 60px 60px 60px 90px 24px;
    gap:8px;
    padding-left:14px;
    padding-right:14px;
  }
}
@media (max-width:900px){
  .ca-slc-detail__meta-grid{
    grid-template-columns:1fr;
  }
  .ca-slc-item-row{
    flex-direction:column;
    align-items:flex-start;
  }
  .ca-slc-item-row__aside{
    width:100%;
    justify-content:flex-start;
  }
  .ca-slc-detail-modal{
    padding:0;
    align-items:flex-end;
  }
  .ca-slc-detail-modal__panel{
    max-width:none;
    max-height:88vh;
    border-radius:16px 16px 0 0;
  }
  .ca-slc-detail-modal__body{
    padding:0 16px 16px;
  }
  .ca-slc-detail-modal__top{
    padding:14px 16px 10px;
  }
  .ca-slc-gtm-sections{
    grid-template-columns:1fr;
  }
  .ca-slc-list-header{
    display:none;
  }
  .ca-slc-row{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "user arrow"
      "badges badges"
      "meta meta";
    gap:10px 12px;
    padding:16px;
  }
  .ca-slc-row__user{grid-area:user;}
  .ca-slc-row__arrow{grid-area:arrow;}
  .ca-slc-row__type,
  .ca-slc-row__model,
  .ca-slc-row__count,
  .ca-slc-row__date{
    grid-area:badges;
  }
  .ca-slc-row__type,
  .ca-slc-row__model,
  .ca-slc-row__count,
  .ca-slc-row__date{
    display:inline-flex;
    margin-right:8px;
  }
  .ca-slc-surface-card__head{
    flex-direction:column;
    align-items:flex-start;
  }
  .ca-slc-surface-card__meta{
    justify-content:flex-start;
  }
  .ca-slc-pagination-bar{
    flex-direction:column;
    align-items:stretch;
  }
  .ca-slc-pagination-bar__nav{
    margin-left:0;
    justify-content:center;
  }
}

.ca-customer-leads__questionnaire-block{
  margin-top:12px;
}
.ca-customer-leads__copy-qa{
  margin-bottom:16px;
}
.ca-customer-leads__qa-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.ca-customer-leads__qa-row{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  padding:12px 14px;
}
.ca-customer-leads__qa-label{
  display:inline-block;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.02em;
  color:var(--ca-t-gray-500, #6b7280);
  margin-right:6px;
}
.ca-customer-leads__qa-question{
  font-weight:600;
  margin-bottom:8px;
  font-size:14px;
  color:var(--ca-t-gray-900, #111827);
}
.ca-customer-leads__qa-answer{
  font-size:14px;
  color:var(--ca-t-gray-700, #374151);
  padding-left:0;
}
.ca-customer-leads__qa-empty{
  color:var(--ca-t-gray-400, #9ca3af);
  font-style:italic;
}
@media (max-width: 782px){
  .ca-customer-leads__upload-item{
    flex-direction:column;
    align-items:flex-start;
  }
  .ca-customer-leads__upload-item-actions{
    width:100%;
    justify-content:flex-end;
  }
}

.ca-super-admin__model-subtitle{
  margin:0 0 14px;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:13px;
}
.ca-super-admin__models{
  display:grid;
  gap:14px;
}
.ca-super-admin__model-provider{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  background:var(--ca-s-slate-50, #f8fafc);
  padding:12px;
}
.ca-super-admin__model-provider-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.ca-super-admin__model-provider-head h3{
  margin:0;
  font-size:16px;
}
.ca-super-admin__model-rows{
  display:grid;
  gap:10px;
}
.ca-super-admin__model-row{
  display:grid;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto auto;
  gap:10px;
  align-items:end;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  padding:10px;
}
.ca-super-admin__model-enabled{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:600;
  white-space:nowrap;
}
.ca-super-admin__model-enabled input{
  width:16px;
  height:16px;
}
.ca-super-admin__model-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:2px;
}
.ca-super-admin__model-notice{
  margin:0;
  color:var(--ca-t-blue-600, #2563eb);
  font-size:13px;
}
.ca-super-admin__agent-user{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  padding:10px 12px;
  background:var(--ca-s-slate-50, #f8fafc);
  margin-bottom:10px;
}
.ca-super-admin__agent-user-title{
  font-size:13px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin-bottom:8px;
}
.ca-super-admin__agent-user-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
}
.ca-super-admin__agent-check{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:500;
  color:var(--ca-t-gray-700, #374151);
}
.ca-super-admin__agent-check em{
  font-style:normal;
  font-size:11px;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-super-admin__agent-empty{
  margin:0;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:12px;
}
.ca-super-admin__agent-manager{
  display:grid;
  gap:12px;
}
.ca-super-admin__agent-manager-list{
  display:grid;
  gap:12px;
}
.ca-super-admin__agent-row{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  background:var(--ca-s-white, #ffffff);
  padding:12px;
  display:grid;
  gap:10px;
}
.ca-super-admin__agent-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap:10px;
}
.ca-super-admin__agent-row-bottom{
  display:grid;
  grid-template-columns: minmax(220px, 1fr) auto auto auto;
  gap:10px;
  align-items:end;
}
.ca-agent-flag{
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
.ca-agent-flag input{
  width:16px;
  height:16px;
}
.ca-super-admin__agent-notice{
  margin:0;
  color:var(--ca-t-blue-600, #2563eb);
  font-size:13px;
}
.ca-super-admin__dropzone{
  border:1px dashed var(--ca-s-xcbd5f5, #cbd5f5);
  border-radius:10px;
  padding:10px;
  text-align:center;
  font-size:12px;
  color:var(--ca-t-gray-600, #4b5563);
  background:var(--ca-s-slate-50, #f8fafc);
  cursor:pointer;
  position:relative;
  min-width:90px;
}
.ca-super-admin__dropzone input[type="file"]{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.ca-super-admin__dropzone.is-dragover{
  background:var(--ca-s-indigo-50, #eef2ff);
  border-color:var(--ca-s-indigo-400, #818cf8);
}
.ca-super-admin__dropzone--detail{
  padding:18px;
  margin:12px 0;
}
.ca-super-admin__upload-list{
  margin:0;
  padding-left:18px;
}
.ca-super-admin__upload-list li{
  margin-bottom:6px;
}
@media (max-width: 1100px){
  .ca-super-admin__row{
    flex-direction:column;
    align-items:stretch;
  }
  .ca-super-admin__toolbar{
    justify-content:flex-start;
  }
  .ca-super-admin__model-row{
    grid-template-columns: 1fr;
  }
  .ca-super-admin__model-provider-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .ca-super-admin__agent-grid{
    grid-template-columns:1fr;
  }
  .ca-super-admin__agent-row-bottom{
    grid-template-columns:1fr;
  }
}

/* ===== Super Admin: Email Templates ===== */
.ca-email-tpl__loading,
.ca-email-tpl__empty{
  color:var(--ca-t-gray-500, #6b7280);
  padding:8px 0;
}
.ca-email-tpl__notice{
  margin-top:10px;
  font-size:14px;
  color:var(--ca-t-emerald-600, #059669);
}
.ca-email-tpl__notice--error{
  color:var(--ca-t-red-600, #dc2626);
}
.ca-email-tpl__card{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  margin-bottom:12px;
  background:var(--ca-s-white, #ffffff);
}
.ca-email-tpl__card-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 18px;
  user-select:none;
}
.ca-email-tpl__card-header:hover{
  background:var(--ca-s-gray-50, #f9fafb);
}
.ca-email-tpl__card-info{
  display:flex;
  flex-direction:column;
  gap:2px;
  cursor:pointer;
  flex:1 1 auto;
  min-width:0;
}
.ca-email-tpl__card-title{
  font-size:15px;
  color:var(--ca-t-x1e1e1e, #1e1e1e);
}
.ca-email-tpl__card-subject{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-email-tpl__card-arrow{
  font-size:16px;
  color:var(--ca-t-gray-400, #9ca3af);
  cursor:pointer;
}
.ca-email-tpl__card-body{
  padding:0 18px 18px;
}
.ca-email-tpl__preview-wrap h4{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 8px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.ca-email-tpl__preview{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:6px;
  padding:20px;
  background:var(--ca-s-zinc-50, #fafafa);
  font-size:14px;
  line-height:1.6;
  color:var(--ca-t-x1e1e1e, #1e1e1e);
  max-height:400px;
  overflow-y:auto;
}
.ca-email-tpl__preview h3{
  font-size:16px;
  margin:16px 0 8px;
}
.ca-email-tpl__preview ul{
  padding-left:20px;
  margin:0 0 12px;
}
.ca-email-tpl__preview li{
  margin-bottom:4px;
}
.ca-email-tpl__view-actions{
  margin-top:12px;
}
.ca-email-tpl__edit-wrap{
  margin-top:16px;
}
.ca-email-tpl__field{
  display:block;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
  margin-bottom:12px;
}
.ca-email-tpl__field input,
.ca-email-tpl__field textarea{
  display:block;
  width:100%;
  margin-top:4px;
  padding:8px 10px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:6px;
  font-family:monospace;
  font-size:13px;
  line-height:1.5;
  box-sizing:border-box;
}
.ca-email-tpl__field textarea{
  resize:vertical;
  min-height:180px;
}
.ca-email-tpl__field input:focus,
.ca-email-tpl__field textarea:focus{
  outline:none;
  border-color:var(--ca-s-indigo-400, #818cf8);
  box-shadow:0 0 0 2px rgba(129,140,248,.25);
}
.ca-email-tpl__placeholders{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:8px 0 12px;
}
.ca-email-tpl__placeholders code{
  background:var(--ca-s-gray-100, #f3f4f6);
  padding:1px 5px;
  border-radius:3px;
  font-size:12px;
}
.ca-email-tpl__edit-actions{
  display:flex;
  gap:10px;
}

/* ===== Email Template History ===== */
.ca-email-tpl-history__settings{
  margin-bottom:18px;
  padding:14px 18px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-gray-50, #f9fafb);
}
.ca-email-tpl-history__toggle-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  color:var(--ca-t-x1e1e1e, #1e1e1e);
  cursor:pointer;
  user-select:none;
}
.ca-email-tpl-history__toggle-label--card{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  gap:6px;
}
.ca-email-tpl-history__toggle-hint{
  font-size:11px;
  color:var(--ca-t-gray-400, #9ca3af);
  white-space:nowrap;
}
.ca-email-tpl-history__toggle-switch{
  position:relative;
  display:inline-block;
  width:38px;
  height:22px;
  flex-shrink:0;
}
.ca-email-tpl-history__toggle-switch input{
  opacity:0;
  width:0;
  height:0;
  position:absolute;
}
.ca-email-tpl-history__toggle-slider{
  position:absolute;
  inset:0;
  background:var(--ca-s-gray-300, #d1d5db);
  border-radius:22px;
  transition:background .2s;
}
.ca-email-tpl-history__toggle-slider::before{
  content:'';
  position:absolute;
  left:3px;
  top:3px;
  width:16px;
  height:16px;
  background:var(--ca-s-white, #ffffff);
  border-radius:50%;
  transition:transform .2s;
}
.ca-email-tpl-history__toggle-switch input:checked + .ca-email-tpl-history__toggle-slider{
  background:var(--ca-s-violet-600, #7c3aed);
}
.ca-email-tpl-history__toggle-switch input:checked + .ca-email-tpl-history__toggle-slider::before{
  transform:translateX(16px);
}
.ca-email-tpl-history__toggle-switch input:disabled + .ca-email-tpl-history__toggle-slider{
  opacity:.5;
  cursor:default;
}
.ca-email-tpl-history__toggle-switch--sm{
  width:32px;
  height:18px;
}
.ca-email-tpl-history__toggle-switch--sm .ca-email-tpl-history__toggle-slider{
  border-radius:18px;
}
.ca-email-tpl-history__toggle-switch--sm .ca-email-tpl-history__toggle-slider::before{
  width:12px;
  height:12px;
}
.ca-email-tpl-history__toggle-switch--sm input:checked + .ca-email-tpl-history__toggle-slider::before{
  transform:translateX(14px);
}
.ca-email-tpl__card-right{
  display:flex;
  align-items:center;
  gap:14px;
  flex-shrink:0;
}
.ca-email-tpl-history__settings-notice{
  margin-top:8px;
  font-size:13px;
  color:var(--ca-t-emerald-600, #059669);
}
.ca-email-tpl-history__settings-notice.ca-email-tpl__notice--error{
  color:var(--ca-t-red-600, #dc2626);
}

/* History modal */
.ca-email-tpl-history__modal-backdrop{
  position:fixed;
  inset:0;
  z-index:100000;
  background:rgba(0,0,0,.45);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.ca-email-tpl-history__modal{
  background:var(--ca-s-white, #ffffff);
  border-radius:12px;
  width:100%;
  max-width:680px;
  max-height:80vh;
  display:flex;
  flex-direction:column;
  box-shadow:0 8px 32px rgba(0,0,0,.18);
}
.ca-email-tpl-history__modal-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 22px 14px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-email-tpl-history__modal-header h3{
  font-size:16px;
  margin:0;
  color:var(--ca-t-x1e1e1e, #1e1e1e);
}
.ca-email-tpl-history__modal-close{
  background:none;
  border:none;
  font-size:24px;
  color:var(--ca-t-gray-400, #9ca3af);
  cursor:pointer;
  line-height:1;
  padding:0 4px;
}
.ca-email-tpl-history__modal-close:hover{
  color:var(--ca-t-x1e1e1e, #1e1e1e);
}
.ca-email-tpl-history__modal-body{
  flex:1 1 auto;
  overflow-y:auto;
  padding:18px 22px;
}
.ca-email-tpl-history__modal-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:12px 22px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-email-tpl-history__empty{
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
  text-align:center;
  padding:24px 0;
}
.ca-email-tpl-history__entry{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  padding:14px 16px;
  margin-bottom:10px;
  background:var(--ca-s-zinc-50, #fafafa);
}
.ca-email-tpl-history__entry-meta{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  margin-bottom:6px;
}
.ca-email-tpl-history__entry-meta strong{
  font-size:14px;
  color:var(--ca-t-x1e1e1e, #1e1e1e);
}
.ca-email-tpl-history__entry-date{
  font-size:12px;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-email-tpl-history__entry-subject{
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
  margin-bottom:6px;
}
.ca-email-tpl-history__entry-subject span{
  font-weight:600;
}
.ca-email-tpl-history__entry-body-details summary{
  font-size:12px;
  color:var(--ca-t-violet-600, #7c3aed);
  cursor:pointer;
  user-select:none;
}
.ca-email-tpl-history__entry-body-details summary:hover{
  text-decoration:underline;
}
.ca-email-tpl-history__entry-body{
  margin-top:8px;
  padding:10px 12px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:6px;
  font-size:12px;
  font-family:monospace;
  line-height:1.5;
  color:var(--ca-t-gray-700, #374151);
  white-space:pre-wrap;
  word-break:break-word;
  max-height:200px;
  overflow-y:auto;
}

/* ===== Super Admin: Form Builder ===== */
.ca-fb{
  padding:0;
}
.ca-fb__header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:16px;
  flex-wrap:wrap;
}
.ca-fb__header-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.ca-fb__title{
  font-size:18px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 4px;
}
.ca-fb__desc{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
}
.ca-fb__save-btn{
  white-space:nowrap;
}
.ca-fb__notice{
  font-size:13px;
  min-height:20px;
  margin-bottom:4px;
}

/* Kit-type toggle */
.ca-fb__type-selector{
  display:flex;
  gap:0;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
  overflow:hidden;
  width:fit-content;
}
.ca-fb__type-btn{
  padding:8px 20px;
  font-size:13px;
  font-weight:600;
  background:var(--ca-s-white, #ffffff);
  border:none;
  border-right:1px solid var(--ca-s-gray-300, #d1d5db);
  cursor:pointer;
  color:var(--ca-t-gray-700, #374151);
  transition:background .15s,color .15s;
}
.ca-fb__type-btn:last-child{
  border-right:none;
}
.ca-fb__type-btn:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-fb__type-btn.is-active{
  background:var(--ca-s-teal-600, #0d9488);
  color:var(--ca-t-white, #ffffff);
}

/* Split layout */
.ca-fb__split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  align-items:start;
}
.ca-fb__builder,
.ca-fb__preview{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  display:flex;
  flex-direction:column;
  min-height:0;
  max-height:calc(100vh - 260px);
  overflow:hidden;
}
.ca-fb__builder-top,
.ca-fb__preview-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 16px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-gray-50, #f9fafb);
  flex-shrink:0;
}
.ca-fb__panel-label{
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--ca-t-gray-500, #6b7280);
}

/* Builder panel scrollable area */
.ca-fb__field-list{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:12px;
  overflow-y:auto;
  flex:1;
  min-height:0;
}

/* Field cards */
.ca-fb__card{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  transition:box-shadow .15s,border-color .15s;
}
.ca-fb__card:hover{
  border-color:var(--ca-s-gray-300, #d1d5db);
  box-shadow:0 1px 4px rgba(0,0,0,.06);
}
.ca-fb__card.is-editing{
  border-color:var(--ca-s-teal-600, #0d9488);
  box-shadow:0 0 0 2px rgba(13,148,136,.15);
}
.ca-fb__card-header{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
}
.ca-fb__drag-handle{
  cursor:grab;
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:15px;
  user-select:none;
  flex-shrink:0;
}
.ca-fb__card-label{
  flex:1;
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-fb__card-badge{
  font-size:10px;
  font-weight:600;
  text-transform:uppercase;
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-500, #6b7280);
  padding:2px 6px;
  border-radius:4px;
  flex-shrink:0;
}
.ca-fb__card-req{
  font-size:10px;
  font-weight:600;
  background:var(--ca-s-red-50, #fef2f2);
  color:var(--ca-t-red-500, #ef4444);
  padding:2px 6px;
  border-radius:4px;
  flex-shrink:0;
}
.ca-fb__card-width{
  font-size:10px;
  font-weight:600;
  background:var(--ca-s-blue-50, #eff6ff);
  color:var(--ca-t-blue-500, #3b82f6);
  padding:2px 6px;
  border-radius:4px;
  flex-shrink:0;
}
.ca-fb__card-actions{
  display:flex;
  gap:4px;
  flex-shrink:0;
}
.ca-fb__card-edit,
.ca-fb__card-del{
  background:none;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:5px;
  width:26px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  transition:background .12s,color .12s;
}
.ca-fb__card-edit:hover{
  background:var(--ca-s-teal-50, #f0fdfa);
  color:var(--ca-t-teal-600, #0d9488);
  border-color:var(--ca-s-teal-600, #0d9488);
}
.ca-fb__card-del:hover{
  background:var(--ca-s-red-50, #fef2f2);
  color:var(--ca-t-red-500, #ef4444);
  border-color:var(--ca-s-red-500, #ef4444);
}

/* Drag states */
.ca-fb__card.is-dragging{
  opacity:.4;
}
.ca-fb__card.is-drag-over{
  border-color:var(--ca-s-teal-600, #0d9488);
  border-style:dashed;
  background:var(--ca-s-teal-50, #f0fdfa);
}

/* Inline editor */
.ca-fb__editor{
  padding:10px 12px 12px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-gray-50, #f9fafb);
}
.ca-fb__editor-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-bottom:8px;
}
.ca-fb__editor-field{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.ca-fb__editor-field span{
  font-size:10px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
  text-transform:uppercase;
  letter-spacing:.02em;
}
.ca-fb__editor-field input,
.ca-fb__editor-field select{
  padding:5px 8px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:6px;
  font-size:12px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-900, #111827);
}
.ca-fb__editor-field input:focus,
.ca-fb__editor-field select:focus{
  outline:none;
  border-color:var(--ca-s-teal-600, #0d9488);
  box-shadow:0 0 0 2px rgba(13,148,136,.15);
}
.ca-fb__editor-check{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:500;
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
}
.ca-fb__editor-check input[type="checkbox"]{
  accent-color:var(--ca-s-teal-600, #0d9488);
}
.ca-fb__editor-done{
  margin-top:4px;
  font-size:12px;
}

/* Select options editor */
.ca-fb__editor-options{
  margin-top:6px;
  padding-top:6px;
  border-top:1px dashed var(--ca-s-gray-300, #d1d5db);
}
.ca-fb__editor-options-title{
  display:block;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  color:var(--ca-t-gray-700, #374151);
  margin-bottom:4px;
}
.ca-fb__editor-opt-row{
  display:flex;
  gap:6px;
  margin-bottom:4px;
  align-items:center;
}
.ca-fb__editor-opt-row input{
  flex:1;
  padding:4px 6px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:6px;
  font-size:11px;
  background:var(--ca-s-white, #ffffff);
}
.ca-fb__editor-opt-row input:focus{
  outline:none;
  border-color:var(--ca-s-teal-600, #0d9488);
}
.ca-fb__opt-del{
  background:none;
  border:none;
  color:var(--ca-t-gray-400, #9ca3af);
  cursor:pointer;
  font-size:13px;
  padding:2px 4px;
}
.ca-fb__opt-del:hover{
  color:var(--ca-t-red-500, #ef4444);
}
.ca-fb__opt-add{
  font-size:11px;
  margin-top:2px;
}

/* Form heading / subtitle (builder column) */
.ca-fb__heading-fields{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:0 0 16px;
  margin-bottom:0;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-fb__field-list-loading{
  padding:24px 0;
  text-align:center;
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:13px;
}
.ca-fb__heading-field{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:0;
}
.ca-fb__heading-label{
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-fb__heading-field input{
  width:100%;
  padding:8px 10px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:6px;
  font-size:13px;
  background:var(--ca-s-white, #ffffff);
  outline:none;
}
.ca-fb__heading-field input:focus{
  border-color:var(--ca-s-teal-600, #0d9488);
}

/* Add field button */
.ca-fb__add-btn{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:12px;
}
.ca-fb__add-btn svg{
  flex-shrink:0;
}

/* ── Live Preview Panel ── */
.ca-fb__preview-form{
  padding:24px 28px;
  overflow-y:auto;
  flex:1;
  min-height:0;
}
.ca-fb__pv-header{
  margin-bottom:20px;
}
.ca-fb__pv-title{
  font-size:18px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin-bottom:4px;
}
.ca-fb__pv-subtitle{
  font-size:13px;
  color:var(--ca-t-teal-600, #0d9488);
  font-weight:500;
}
.ca-fb__pv-title-input{
  display:block;
  width:100%;
  font-size:18px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  border:1px dashed var(--ca-s-gray-300, #d1d5db);
  border-radius:6px;
  padding:6px 10px;
  margin-bottom:6px;
  background:var(--ca-s-gray-50, #f9fafb);
  outline:none;
  transition:border-color .2s;
}
.ca-fb__pv-title-input:focus{
  border-color:var(--ca-s-teal-600, #0d9488);
  background:var(--ca-s-white, #ffffff);
}
.ca-fb__pv-subtitle-input{
  display:block;
  width:100%;
  font-size:13px;
  font-weight:500;
  color:var(--ca-t-teal-600, #0d9488);
  border:1px dashed var(--ca-s-gray-300, #d1d5db);
  border-radius:6px;
  padding:5px 10px;
  background:var(--ca-s-gray-50, #f9fafb);
  outline:none;
  transition:border-color .2s;
}
.ca-fb__pv-subtitle-input:focus{
  border-color:var(--ca-s-teal-600, #0d9488);
  background:var(--ca-s-white, #ffffff);
}
.ca-fb__pv-title-input::placeholder,
.ca-fb__pv-subtitle-input::placeholder{
  color:var(--ca-t-gray-400, #9ca3af);
  font-weight:400;
}
.ca-fb__pv-fields{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.ca-fb__pv-row{
  display:flex;
  gap:14px;
}
.ca-fb__pv-row--half .ca-fb__pv-field{
  flex:1;
  min-width:0;
}
.ca-fb__pv-field{
  display:flex;
  flex-direction:column;
  gap:4px;
  flex:1;
  cursor:pointer;
  padding:6px 8px;
  border-radius:6px;
  border:2px solid transparent;
  transition:border-color .15s,background .15s;
}
.ca-fb__pv-field:hover{
  background:var(--ca-s-teal-50, #f0fdfa);
  border-color:var(--ca-s-emerald-100, #d1fae5);
}
.ca-fb__pv-field--active{
  border-color:var(--ca-s-teal-600, #0d9488) !important;
  background:var(--ca-s-teal-50, #f0fdfa);
}
.ca-fb__pv-label{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
.ca-fb__pv-req{
  color:var(--ca-t-red-500, #ef4444);
  font-weight:700;
}
.ca-fb__pv-input{
  padding:8px 10px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:6px;
  font-size:13px;
  color:var(--ca-t-gray-400, #9ca3af);
  background:var(--ca-s-white, #ffffff);
  width:100%;
  box-sizing:border-box;
}
textarea.ca-fb__pv-input{
  resize:vertical;
  min-height:60px;
}
select.ca-fb__pv-input{
  appearance:auto;
}
.ca-fb__pv-file{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border:1px dashed var(--ca-s-gray-300, #d1d5db);
  border-radius:6px;
  background:var(--ca-s-zinc-50, #fafafa);
}
.ca-fb__pv-file-btn{
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-teal-600, #0d9488);
  background:var(--ca-s-teal-50, #f0fdfa);
  padding:4px 10px;
  border-radius:4px;
  border:1px solid var(--ca-s-teal-200, #99f6e4);
}
.ca-fb__pv-file-label{
  font-size:12px;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-fb__pv-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:24px;
  padding-top:16px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-fb__pv-btn{
  padding:8px 20px;
  border-radius:6px;
  font-size:13px;
  font-weight:600;
  cursor:default;
  user-select:none;
}
.ca-fb__pv-btn--outline{
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  color:var(--ca-t-gray-700, #374151);
  background:var(--ca-s-white, #ffffff);
}
.ca-fb__pv-btn--solid{
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
  border:none;
}
.ca-fb__pv-shortcode{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px dashed var(--ca-s-gray-200, #e5e7eb);
}
.ca-fb__pv-sc-label{
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-gray-500, #6b7280);
  white-space:nowrap;
}

/* Responsive */
@media(max-width:960px){
  .ca-fb__split{
    grid-template-columns:1fr;
  }
  .ca-fb__builder,
  .ca-fb__preview{
    max-height:none;
  }
}
@media(max-width:640px){
  .ca-fb__header{
    flex-direction:column;
  }
  .ca-fb__header-actions{
    flex-direction:column;
    align-items:flex-start;
  }
  .ca-fb__type-selector{
    width:100%;
  }
  .ca-fb__type-btn{
    flex:1;
    text-align:center;
  }
  .ca-fb__editor-row{
    grid-template-columns:1fr;
  }
  .ca-fb__pv-row--half{
    flex-direction:column;
  }
}

/* ── Form Builder: Universal Surfaces / Universal Questions editors ── */
.ca-fb__universal-editor{
  margin-top:8px;
}
.ca-fb__uni-card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  padding:18px 20px;
  margin-bottom:16px;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.ca-fb__uni-title{
  margin:0 0 6px;
  font-size:16px;
  font-weight:700;
  color:var(--ca-t-slate-900, #0f172a);
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.ca-fb__uni-pill{
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--ca-t-violet-700, #6d28d9);
  background:var(--ca-s-purple-100, #f3e8ff);
  padding:3px 10px;
  border-radius:999px;
}
.ca-fb__uni-desc{
  margin:0 0 14px;
  font-size:13px;
  color:var(--ca-t-slate-600, #475569);
  line-height:1.55;
}
.ca-fb__uni-desc code{
  background:var(--ca-s-slate-100, #f1f5f9);
  padding:1px 6px;
  border-radius:4px;
  font-size:12px;
}
.ca-fb__uni-table-wrap{
  overflow-x:auto;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
}
.ca-fb__uni-table{
  width:100%;
  min-width:1000px;
  border-collapse:separate;
  border-spacing:0;
  font-size:13px;
}
.ca-fb__uni-table th,
.ca-fb__uni-table td{
  padding:8px 10px;
  vertical-align:top;
  border-bottom:1px solid var(--ca-s-slate-100, #f1f5f9);
  text-align:left;
}
.ca-fb__uni-table thead th{
  background:var(--ca-s-slate-50, #f8fafc);
  font-size:11.5px;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--ca-t-slate-600, #475569);
  font-weight:700;
  position:sticky;
  top:0;
}
.ca-fb__uni-table tbody tr:last-child td{
  border-bottom:none;
}
.ca-fb__uni-table tbody tr:nth-child(even) td{
  background:var(--ca-s-xfafbfc, #fafbfc);
}
.ca-fb__uni-table input[type="text"],
.ca-fb__uni-table textarea,
.ca-fb__uni-table select{
  width:100%;
  box-sizing:border-box;
  padding:6px 8px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:6px;
  font-size:13px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-slate-900, #0f172a);
  font-family:inherit;
}
.ca-fb__uni-table textarea{
  min-height:54px;
  resize:vertical;
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:12px;
}
.ca-fb__uni-table input[type="text"]:focus,
.ca-fb__uni-table textarea:focus,
.ca-fb__uni-table select:focus{
  outline:none;
  border-color:var(--ca-s-violet-400, #a78bfa);
  box-shadow:0 0 0 3px rgba(167,139,250,.18);
}
.ca-fb__uni-th-checkbox,
.ca-fb__uni-td-checkbox{
  width:64px;
  text-align:center !important;
}
.ca-fb__uni-actions{
  margin-top:14px;
  display:flex;
  gap:10px;
  align-items:center;
}
.ca-fb__uni-reset-form{
  margin-top:10px;
}

/* ── Universal editor split layout (mirrors .ca-fb__split) ── */
.ca-fb__uni-split{
  display:grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap:18px;
  margin-top:6px;
}
.ca-fb__uni-builder,
.ca-fb__uni-preview{
  background:var(--ca-s-xfafbfc, #fafbfc);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  padding:14px 16px;
  min-width:0;
}
.ca-fb__uni-preview{
  background:var(--ca-s-slate-50, #f8fafc);
  position:sticky;
  top:12px;
  align-self:start;
  max-height:calc(100vh - 80px);
  overflow:auto;
}
.ca-fb__uni-builder-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}
.ca-fb__uni-preview .ca-fb__preview-top{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  margin-bottom:12px;
  gap:10px;
}
.ca-fb__uni-preview-hint{
  font-size:11.5px;
  color:var(--ca-t-slate-400, #94a3b8);
  font-weight:500;
}
.ca-fb__uni-preview-empty{
  text-align:center;
  font-size:13px;
  color:var(--ca-t-slate-400, #94a3b8);
  padding:32px 16px;
  border:1px dashed var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
}

/* Preview "modal" wrapper styled to evoke the actual customer modal */
.ca-fb__uni-prev-modal{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:14px;
  padding:16px;
  box-shadow:0 6px 20px rgba(15,23,42,.06);
}
.ca-fb__uni-prev-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  margin-bottom:8px;
}
.ca-fb__uni-prev-head h4{
  margin:0;
  font-size:15px;
  font-weight:700;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-fb__uni-prev-count{
  font-size:11.5px;
  color:var(--ca-t-slate-500, #64748b);
}
.ca-fb__uni-prev-search{
  display:flex;
  align-items:center;
  gap:8px;
  background:var(--ca-s-slate-100, #f1f5f9);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  padding:7px 10px;
  font-size:12.5px;
  color:var(--ca-t-slate-400, #94a3b8);
  margin-bottom:12px;
}
.ca-fb__uni-prev-search .ph{
  flex:1;
}
.ca-fb__uni-prev-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ca-fb__uni-prev-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
}
.ca-fb__uni-prev-icon{
  width:36px;
  height:36px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  color:var(--ca-t-gray-500, #6b7280);
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-fb__uni-prev-icon--purple{ background:var(--ca-s-purple-100, #f3e8ff); color:var(--ca-t-violet-600, #7c3aed); }
.ca-fb__uni-prev-icon--blue{   background:var(--ca-s-blue-100, #dbeafe); color:var(--ca-t-blue-600, #2563eb); }
.ca-fb__uni-prev-icon--green{  background:var(--ca-s-emerald-100, #d1fae5); color:var(--ca-t-emerald-600, #059669); }
.ca-fb__uni-prev-icon--orange{ background:var(--ca-s-orange-100, #ffedd5); color:var(--ca-t-orange-600, #ea580c); }
.ca-fb__uni-prev-icon--pink{   background:var(--ca-s-pink-100, #fce7f3); color:var(--ca-t-pink-600, #db2777); }
.ca-fb__uni-prev-icon--gray{   background:var(--ca-s-slate-100, #f1f5f9); color:var(--ca-t-slate-600, #475569); }
.ca-fb__uni-prev-icon--teal{   background:var(--ca-s-teal-100, #ccfbf1); color:var(--ca-t-teal-600, #0d9488); }
.ca-fb__uni-prev-body{
  flex:1;
  min-width:0;
}
.ca-fb__uni-prev-row1{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  font-size:13.5px;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-fb__uni-prev-row1 strong{
  font-weight:700;
}
.ca-fb__uni-prev-meta{
  font-size:11.5px;
  color:var(--ca-t-slate-400, #94a3b8);
  margin-left:auto;
}
.ca-fb__uni-prev-tag{
  font-size:10.5px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.04em;
  padding:2px 8px;
  border-radius:999px;
}
.ca-fb__uni-prev-tag--purple{ background:var(--ca-s-purple-100, #f3e8ff); color:var(--ca-t-violet-700, #6d28d9); }
.ca-fb__uni-prev-tag--blue{   background:var(--ca-s-blue-100, #dbeafe); color:var(--ca-t-blue-700, #1d4ed8); }
.ca-fb__uni-prev-tag--green{  background:var(--ca-s-emerald-100, #d1fae5); color:var(--ca-t-emerald-700, #047857); }
.ca-fb__uni-prev-tag--orange{ background:var(--ca-s-orange-100, #ffedd5); color:var(--ca-t-orange-700, #c2410c); }
.ca-fb__uni-prev-tag--pink{   background:var(--ca-s-pink-100, #fce7f3); color:var(--ca-t-pink-700, #be185d); }
.ca-fb__uni-prev-tag--gray{   background:var(--ca-s-slate-100, #f1f5f9); color:var(--ca-t-slate-700, #334155); }
.ca-fb__uni-prev-tag--teal{   background:var(--ca-s-teal-100, #ccfbf1); color:var(--ca-t-teal-700, #0f766e); }
.ca-fb__uni-prev-sub{
  font-size:12px;
  color:var(--ca-t-slate-500, #64748b);
  margin-top:3px;
  line-height:1.4;
}
.ca-fb__uni-prev-cta{
  background:var(--ca-s-blue-600, #2563eb);
  color:var(--ca-t-white, #ffffff);
  border:none;
  border-radius:8px;
  font-size:12px;
  font-weight:600;
  padding:7px 12px;
  cursor:default;
  flex-shrink:0;
  pointer-events:none;
}

/* Step 2 (questions) preview */
.ca-fb__uni-prev-modal--form{
  padding:18px 20px;
}
.ca-fb__uni-prev-stepper{
  display:flex;
  gap:8px;
  margin-bottom:14px;
  font-size:11.5px;
  color:var(--ca-t-slate-400, #94a3b8);
  font-weight:600;
}
.ca-fb__uni-prev-step{
  padding:4px 10px;
  border-radius:999px;
  background:var(--ca-s-slate-100, #f1f5f9);
}
.ca-fb__uni-prev-step.is-active{
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-fb__uni-prev-form{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.ca-fb__uni-prev-q{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.ca-fb__uni-prev-q-label{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-fb__uni-prev-req{
  color:var(--ca-t-red-600, #dc2626);
}
.ca-fb__uni-prev-q-helper{
  font-size:11.5px;
  color:var(--ca-t-slate-400, #94a3b8);
  margin-bottom:2px;
}
.ca-fb__uni-prev-options{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.ca-fb__uni-prev-option{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12.5px;
  color:var(--ca-t-slate-600, #475569);
  padding:6px 10px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  cursor:default;
}
.ca-fb__uni-prev-input{
  width:100%;
  box-sizing:border-box;
  padding:8px 10px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  font-size:13px;
  color:var(--ca-t-slate-600, #475569);
  background:var(--ca-s-white, #ffffff);
  font-family:inherit;
}
.ca-fb__uni-prev-actions{
  display:flex;
  justify-content:space-between;
  margin-top:8px;
  gap:10px;
}
.ca-fb__uni-prev-actions button{
  padding:7px 14px;
  border-radius:8px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-white, #ffffff);
  font-size:12.5px;
  color:var(--ca-t-slate-600, #475569);
  cursor:default;
  font-weight:600;
}
.ca-fb__uni-prev-actions button.primary{
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
  border-color:var(--ca-s-violet-600, #7c3aed);
}

/* Stack on narrower screens (iPad / split admin views). */
@media (max-width: 1100px){
  .ca-fb__uni-split{
    grid-template-columns: 1fr;
  }
  .ca-fb__uni-preview{
    position:static;
    max-height:none;
  }
}

/* ── Form Builder: Custom Forms Panel ── */
.ca-fb__custom-forms-panel{
  background:var(--ca-s-gray-50, #f9fafb);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  padding:16px 20px;
  margin-bottom:16px;
}
.ca-fb__cf-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}
.ca-fb__cf-title{
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-gray-800, #1f2937);
  margin:0;
}
.ca-fb__cf-table{
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}
.ca-fb__cf-table th{
  text-align:left;
  padding:8px 10px;
  border-bottom:2px solid var(--ca-s-gray-200, #e5e7eb);
  font-weight:600;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:0.5px;
}
.ca-fb__cf-table td{
  padding:8px 10px;
  border-bottom:1px solid var(--ca-s-gray-100, #f3f4f6);
  vertical-align:middle;
}
.ca-fb__cf-active{
  color:var(--ca-t-green-600, #16a34a);
  font-weight:600;
  font-size:12px;
}
.ca-fb__cf-inactive{
  color:var(--ca-t-gray-400, #9ca3af);
  font-weight:600;
  font-size:12px;
}
.ca-fb__sc-wrap{
  display:inline-flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
  padding:3px 8px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:6px;
  background:var(--ca-s-gray-50, #f9fafb);
  transition:border-color .2s, background .2s;
}
.ca-fb__sc-wrap:hover{
  border-color:var(--ca-s-teal-600, #0d9488);
  background:var(--ca-s-teal-50, #f0fdfa);
}
.ca-fb__sc-wrap.is-copied{
  border-color:var(--ca-s-green-600, #16a34a);
  background:var(--ca-s-green-50, #f0fdf4);
}
.ca-fb__sc-code{
  font-size:11px;
  color:var(--ca-t-gray-700, #374151);
  user-select:all;
}
.ca-fb__sc-copy-icon{
  font-size:13px;
  opacity:0.5;
  transition:opacity .2s;
}
.ca-fb__sc-wrap:hover .ca-fb__sc-copy-icon{
  opacity:1;
}
.ca-fb__sc-wrap.is-copied .ca-fb__sc-copy-icon{
  opacity:1;
  color:var(--ca-t-green-600, #16a34a);
}
.ca-fb__pv-radio-group,
.ca-fb__pv-check-group{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:4px 0;
}
.ca-fb__pv-radio,
.ca-fb__pv-check{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
}

/* ── Form Builder: Kit Type Selector Editor ── */
.ca-fb__type-divider{
  display:inline-block;
  width:1px;
  height:24px;
  background:var(--ca-s-gray-200, #e5e7eb);
  margin:0 4px;
  vertical-align:middle;
}
.ca-fb__kts-editor{
  margin-top:4px;
}
.ca-fb__kts-heading-fields{
  display:flex;
  gap:16px;
  margin-bottom:16px;
}
.ca-fb__kts-heading-fields .ca-fb__heading-field{
  flex:1;
}
.ca-fb__kts-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:start;
}
.ca-fb__kts-builder{
  min-width:0;
}
.ca-fb__kts-option-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ca-fb__kts-card .ca-fb__card-header{
  gap:10px;
}
.ca-fb__kts-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:8px;
  flex-shrink:0;
}
.ca-fb__kts-icon svg{
  width:18px;
  height:18px;
}
.ca-fb__kts-preview{
  min-width:0;
}
.ca-fb__kts-preview-content{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  overflow:hidden;
}
.ca-fb__kts-pv-modal{
  padding:0;
}
.ca-fb__kts-pv-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  padding:20px 24px 12px;
}
.ca-fb__kts-pv-title{
  font-size:16px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  line-height:1.3;
}
.ca-fb__kts-pv-subtitle{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-top:2px;
}
.ca-fb__kts-pv-close{
  font-size:22px;
  color:var(--ca-t-gray-400, #9ca3af);
  cursor:default;
  line-height:1;
}
.ca-fb__kts-pv-options{
  padding:0 24px 20px;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.ca-fb__kts-pv-opt{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 12px;
  border-radius:10px;
  cursor:pointer;
  transition:background .15s;
}
.ca-fb__kts-pv-opt:hover{
  background:var(--ca-s-gray-50, #f9fafb);
}
.ca-fb__kts-pv-opt--active{
  background:var(--ca-s-blue-50, #eff6ff);
  outline:2px solid var(--ca-s-blue-500, #3b82f6);
  outline-offset:-2px;
}
.ca-fb__kts-pv-opt-text{
  flex:1;
  min-width:0;
}
.ca-fb__kts-pv-opt-text strong{
  display:block;
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-fb__kts-pv-opt-text span{
  display:block;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-top:2px;
  line-height:1.4;
}
@media(max-width:900px){
  .ca-fb__kts-split{
    grid-template-columns:1fr;
  }
  .ca-fb__kts-heading-fields{
    flex-direction:column;
  }
}

/* ── Frontend Custom Form (shortcode) ── */
.ca-cf{
  max-width:680px;
  margin:0 auto;
  font-family:'Albert Sans',system-ui,-apple-system,sans-serif;
}
.ca-cf__form{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:28px;
}
.ca-cf__title{
  font-size:20px;
  font-weight:700;
  color:var(--ca-t-gray-800, #1f2937);
  margin-bottom:4px;
}
.ca-cf__subtitle{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  font-weight:400;
  margin-bottom:20px;
}
.ca-cf__title + .ca-cf__fields{
  margin-top:20px;
}
.ca-cf__fields{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.ca-cf__row--half{
  display:flex;
  gap:14px;
}
.ca-cf__row--half .ca-cf__field{
  flex:1;
}
.ca-cf__field{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.ca-cf__label{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
.ca-cf__req{
  color:var(--ca-t-red-500, #ef4444);
}
.ca-cf__field input[type="text"],
.ca-cf__field input[type="email"],
.ca-cf__field input[type="tel"],
.ca-cf__field input[type="url"],
.ca-cf__field input[type="number"],
.ca-cf__field input[type="date"],
.ca-cf__field textarea,
.ca-cf__field select{
  padding:8px 12px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:6px;
  font-size:14px;
  color:var(--ca-t-gray-800, #1f2937);
  background:var(--ca-s-white, #ffffff);
  transition:border-color .15s;
}
.ca-cf__field input:focus,
.ca-cf__field textarea:focus,
.ca-cf__field select:focus{
  outline:none;
  border-color:var(--ca-s-violet-600, #7c3aed);
  box-shadow:0 0 0 3px rgba(124,58,237,.1);
}
.ca-cf__heading{
  font-weight:700;
  font-size:16px;
  color:var(--ca-t-gray-800, #1f2937);
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  padding-bottom:6px;
  margin-top:8px;
}
.ca-cf__radio-group,
.ca-cf__check-group{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:4px 0;
}
.ca-cf__radio,
.ca-cf__check{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
}
.ca-cf__notice{
  min-height:20px;
  font-size:13px;
  margin-top:8px;
}
.ca-cf__actions{
  display:flex;
  justify-content:flex-end;
  margin-top:16px;
}
.ca-cf__submit{
  padding:10px 28px;
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
  border:none;
  border-radius:6px;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  transition:background .15s;
}
.ca-cf__submit:hover{
  background:var(--ca-s-violet-700, #6d28d9);
}
.ca-cf__success{
  text-align:center;
  padding:40px 20px;
  font-size:16px;
  color:var(--ca-t-green-600, #16a34a);
  font-weight:600;
}
.ca-cf__loading,
.ca-cf__empty,
.ca-cf__error{
  text-align:center;
  padding:20px;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
}
.ca-cf__error{
  color:var(--ca-t-red-500, #ef4444);
}
@media(max-width:640px){
  .ca-cf__row--half{
    flex-direction:column;
  }
  .ca-cf__form{
    padding:18px;
  }
}

/* ===== Atlas Page – Tabs ===== */
.ca-atlas-tabs{
  display:flex;
  gap:0;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  padding:0 28px;
  background:var(--ca-s-white, #ffffff);
}
.ca-atlas-tabs__item{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:12px 18px;
  font-size:14px;
  font-weight:500;
  color:var(--ca-t-gray-500, #6b7280);
  border-bottom:2px solid transparent;
  transition:color .15s, border-color .15s;
  white-space:nowrap;
}
.ca-atlas-tabs__item:hover{
  color:var(--ca-t-gray-900, #111827);
}
.ca-atlas-tabs__item.is-active{
  color:var(--ca-t-blue-600, #2563eb);
  border-bottom-color:var(--ca-s-blue-600, #2563eb);
  font-weight:600;
}
.ca-atlas-tabs__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:1px 7px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  line-height:1.4;
  background:var(--ca-s-gray-200, #e5e7eb);
  color:var(--ca-t-gray-700, #374151);
}
.ca-atlas-tabs__badge--red{
  background:var(--ca-s-red-500, #ef4444);
  color:var(--ca-t-white, #ffffff);
}

/* ===== Atlas Page – Stats bar ===== */
.ca-atlas-stats{
  display:flex;
  align-items:center;
  gap:24px;
  padding:10px 28px;
  background:var(--ca-s-slate-50, #f8fafc);
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  font-size:13px;
}
.ca-atlas-stats__item{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.ca-atlas-stats__label{
  color:var(--ca-t-gray-500, #6b7280);
  font-weight:500;
}
.ca-atlas-stats__value{
  color:var(--ca-t-gray-900, #111827);
  font-weight:700;
  background:var(--ca-s-indigo-100, #e0e7ff);
  padding:2px 10px;
  border-radius:999px;
  font-size:12px;
}
.ca-atlas-stats__updated{
  margin-left:auto;
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:12px;
}

/* ===== Atlas Page – Body / Sections ===== */
.ca-atlas-body{
  padding:28px 28px 40px;
}
.ca-atlas-section{
  margin-bottom:8px;
}
.ca-atlas-section--mt{
  margin-top:32px;
}
.ca-atlas-section__title{
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 4px;
}
.ca-atlas-section__subtitle{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 4px;
}
.ca-atlas-section__heading{
  font-size:16px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:18px 0 2px;
}

/* ===== Atlas Page – Feature cards (2 × 2 grid) ===== */
.ca-atlas-features{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:16px;
}
.ca-atlas-card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:20px 22px;
  transition:box-shadow .15s;
}
.ca-atlas-card:hover{
  box-shadow:0 2px 12px rgba(0,0,0,.06);
}
.ca-atlas-card__header{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.ca-atlas-card__avatar{
  width:40px;
  height:40px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  overflow:hidden;
}
.ca-atlas-card__avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.ca-atlas-card__avatar--coach{
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-atlas-card__avatar--ranger{
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-atlas-card__avatar--merlin{
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-atlas-card__avatar--atlas{
  background:var(--ca-s-gray-100, #f3f4f6);
}
/* Non-active agent cards: reduced opacity (Atlas page focuses on Atlas card) */
.ca-atlas-features .ca-atlas-card:not(.ca-atlas-card--active){
  opacity:0.65;
}
.ca-atlas-features .ca-atlas-card:not(.ca-atlas-card--active):hover{
  opacity:0.85;
}
.ca-atlas-card__meta{
  display:flex;
  align-items:center;
  gap:5px;
}
.ca-atlas-card__agent{
  font-size:12px;
  color:var(--ca-t-gray-400, #9ca3af);
  font-weight:500;
}
.ca-atlas-card__info-icon{
  font-size:14px;
  color:var(--ca-t-gray-300, #d1d5db);
  cursor:help;
}
.ca-atlas-card__title{
  font-size:15px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 6px;
}
.ca-atlas-card__desc{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.55;
  margin:0;
}
.ca-atlas-card__link{
  display:inline-block;
  margin-top:10px;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:6px;
  padding:5px 14px;
  transition:background .15s;
}
.ca-atlas-card__link:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
}

/* ===== Atlas Page – Quick Actions ===== */
.ca-atlas-quick-actions{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:14px;
}
.ca-atlas-qa{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:24px 16px 20px;
  transition:box-shadow .15s;
}
.ca-atlas-qa:hover{
  box-shadow:0 2px 12px rgba(0,0,0,.06);
}
.ca-atlas-qa__icon{
  width:48px;
  height:48px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
}
.ca-atlas-qa__icon--teal{  background:var(--ca-s-teal-500, #14b8a6); }
.ca-atlas-qa__icon--green{ background:var(--ca-s-green-500, #22c55e); }
.ca-atlas-qa__icon--orange{ background:var(--ca-s-orange-500, #f97316); }
.ca-atlas-qa__icon--slate{ background:var(--ca-s-slate-600, #475569); }
.ca-atlas-qa__label{
  font-size:14px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin-bottom:4px;
}
.ca-atlas-qa__desc{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}

/* ===== Atlas Page – Chip variant ===== */
.ca-chip--blue{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-700, #1d4ed8);
  border-color:var(--ca-s-blue-200, #bfdbfe);
}

/* ===== Atlas Page – Responsive ===== */
@media (max-width:900px){
  .ca-atlas-features{
    grid-template-columns:1fr;
  }
  .ca-atlas-quick-actions{
    grid-template-columns:1fr 1fr;
  }
  .ca-atlas-tabs{
    overflow-x:auto;
    padding:0 16px;
  }
  .ca-atlas-stats{
    flex-wrap:wrap;
    gap:12px;
    padding:10px 16px;
  }
  .ca-atlas-body{
    padding:20px 16px 32px;
  }
}
@media (max-width:540px){
  .ca-atlas-quick-actions{
    grid-template-columns:1fr;
  }
}

/* ===== Priority Actions Page ===== */
.ca-pa-body{
  padding:28px 28px 40px;
}
.ca-pa-header{
  margin-bottom:24px;
}
.ca-pa-header__title{
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 4px;
}
.ca-pa-header__subtitle{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
}

/* Card container */
.ca-pa-card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
  padding:24px 28px 20px;
}
.ca-pa-card__head{
  margin-bottom:16px;
}
.ca-pa-card__title{
  font-size:18px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 4px;
}
.ca-pa-card__subtitle{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
}

/* Filter tabs */
.ca-pa-filters{
  display:flex;
  align-items:center;
  gap:4px;
  margin-bottom:14px;
}
.ca-pa-filters__btn{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:6px 14px;
  border-radius:999px;
  font-size:13px;
  font-weight:500;
  color:var(--ca-t-gray-700, #374151);
  background:var(--ca-s-gray-100, #f3f4f6);
  border:1px solid transparent;
  cursor:pointer;
  transition:background .15s, color .15s;
}
.ca-pa-filters__btn:hover{
  background:var(--ca-s-gray-200, #e5e7eb);
}
.ca-pa-filters__btn.is-active{
  background:var(--ca-s-gray-900, #111827);
  color:var(--ca-t-white, #ffffff);
}

/* Select all */
.ca-pa-select-all{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  padding:8px 0;
  border-bottom:1px solid var(--ca-s-gray-100, #f3f4f6);
  margin-bottom:4px;
  cursor:pointer;
}
.ca-pa-select-all input[type="checkbox"]{
  width:16px;
  height:16px;
  accent-color:var(--ca-s-blue-600, #2563eb);
}

/* Action items */
.ca-pa-items{
  display:flex;
  flex-direction:column;
}
.ca-pa-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:18px 0;
  border-bottom:1px solid var(--ca-s-gray-100, #f3f4f6);
  position:relative;
}
.ca-pa-item--critical{
  background:var(--ca-s-amber-50, #fffbeb);
  border-left:3px solid var(--ca-s-amber-500, #f59e0b);
  border-radius:8px;
  padding:18px 16px;
  margin:4px -4px;
}
.ca-pa-item__check{
  padding-top:2px;
  flex-shrink:0;
}
.ca-pa-item__check input[type="checkbox"]{
  width:16px;
  height:16px;
  accent-color:var(--ca-s-blue-600, #2563eb);
}
.ca-pa-item__icon{
  width:32px;
  height:32px;
  border-radius:8px;
  background:var(--ca-s-green-50, #f0fdf4);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.ca-pa-item__icon--chart{
  background:var(--ca-s-indigo-50, #eef2ff);
}
.ca-pa-item__body{
  flex:1;
  min-width:0;
}
.ca-pa-item__title{
  font-size:14px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 4px;
}
.ca-pa-item__desc{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.55;
  margin:0 0 10px;
}
.ca-pa-item__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

/* Small buttons */
.ca-btn--sm{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:6px 14px;
  font-size:12px;
  font-weight:600;
  border-radius:6px;
}

/* Meta column (badges + more) */
.ca-pa-item__meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
  padding-top:2px;
}
.ca-pa-item__more{
  background:none;
  border:none;
  font-size:18px;
  color:var(--ca-t-gray-400, #9ca3af);
  cursor:pointer;
  padding:0 2px;
  line-height:1;
}
.ca-pa-item__more:hover{
  color:var(--ca-t-gray-700, #374151);
}

/* Badges */
.ca-pa-badge{
  display:inline-flex;
  align-items:center;
  padding:2px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:600;
  white-space:nowrap;
}
.ca-pa-badge--critical{
  background:var(--ca-s-red-100, #fee2e2);
  color:var(--ca-t-red-600, #dc2626);
}
.ca-pa-badge--high{
  background:var(--ca-s-amber-100, #fef3c7);
  color:var(--ca-t-amber-700, #b45309);
}
.ca-pa-badge--medium{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-700, #1d4ed8);
}
.ca-pa-badge--credit{
  background:var(--ca-s-indigo-100, #e0e7ff);
  color:var(--ca-t-indigo-700, #4338ca);
}

/* Show more */
.ca-pa-show-more{
  text-align:center;
  padding:16px 0 4px;
}
.ca-pa-show-more__btn{
  background:none;
  border:none;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
  padding:8px 20px;
  border-radius:8px;
  transition:background .15s;
}
.ca-pa-show-more__btn:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
}

/* Priority Actions responsive */
@media (max-width:768px){
  .ca-pa-body{
    padding:20px 16px 32px;
  }
  .ca-pa-card{
    padding:18px 16px 16px;
  }
  .ca-pa-filters{
    flex-wrap:wrap;
  }
  .ca-pa-item{
    flex-wrap:wrap;
  }
  .ca-pa-item__meta{
    width:100%;
    justify-content:flex-end;
    padding-top:8px;
  }
}

/* ===== Live One-Pagers Page ===== */
.ca-lop-body{
  padding:28px 28px 40px;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.ca-lop-content{
  min-width:0;
  max-width:100%;
}
.ca-lop-kit-listing{
  min-width:0;
  max-width:100%;
}

/* Header row */
.ca-lop-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}
.ca-lop-header__title{
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 4px;
}
.ca-lop-header__subtitle{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
}
.ca-lop-header__right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}

/* Sub-tabs */
.ca-lop-tabs{
  display:flex;
  gap:0;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  margin-bottom:20px;
}
.ca-lop-tabs__item{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 18px;
  font-size:13px;
  font-weight:500;
  color:var(--ca-t-gray-500, #6b7280);
  border-bottom:2px solid transparent;
  transition:color .15s, border-color .15s;
}
.ca-lop-tabs__item:hover{
  color:var(--ca-t-gray-900, #111827);
}
.ca-lop-tabs__item.is-active{
  color:var(--ca-t-blue-600, #2563eb);
  border-bottom-color:var(--ca-s-blue-600, #2563eb);
  font-weight:600;
}

/* Upsell banner */
.ca-lop-banner{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  background:linear-gradient(135deg,var(--ca-s-violet-600, #7c3aed),var(--ca-s-violet-700, #6d28d9) 40%,var(--ca-s-indigo-600, #4f46e5));
  border-radius:14px;
  padding:24px 28px;
  margin-bottom:20px;
  color:var(--ca-t-white, #ffffff);
}
.ca-lop-banner__content{
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.ca-lop-banner__icon{
  width:38px;
  height:38px;
  border-radius:10px;
  background:rgba(255,255,255,.15);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.ca-lop-banner__heading{
  font-size:16px;
  font-weight:700;
  margin-bottom:8px;
  display:flex;
  align-items:center;
  gap:8px;
}
.ca-lop-banner__badge{
  display:inline-flex;
  padding:2px 10px;
  border-radius:6px;
  font-size:11px;
  font-weight:700;
  background:rgba(255,255,255,.2);
  color:var(--ca-t-white, #ffffff);
}
.ca-lop-banner__desc{
  font-size:13px;
  line-height:1.6;
  color:var(--ca-s-white-a88, rgba(255,255,255,.88));
  margin:0 0 14px;
}
.ca-lop-banner__desc strong{
  color:var(--ca-t-white, #ffffff);
}
.ca-lop-banner__actions{
  display:flex;
  gap:10px;
}
.ca-btn--banner-primary{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:8px 18px;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-violet-700, #6d28d9);
  border:none;
  cursor:pointer;
  transition:background .15s;
}
.ca-btn--banner-primary:hover{
  background:var(--ca-s-violet-50, #f5f3ff);
}
.ca-btn--banner-secondary{
  padding:8px 18px;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  background:rgba(255,255,255,.15);
  color:var(--ca-t-white, #ffffff);
  border:1px solid rgba(255,255,255,.25);
  cursor:pointer;
  transition:background .15s;
}
.ca-btn--banner-secondary:hover{
  background:rgba(255,255,255,.25);
}
.ca-lop-banner__lock{
  flex-shrink:0;
  padding-top:4px;
}

/* Stats row */
.ca-lop-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-bottom:24px;
}
.ca-lop-stats--three{
  grid-template-columns:repeat(3,1fr);
}

/* ===== AtlasGTM Projects portfolio ===== */
/* Do not set max-width:100% here — it caps width before the base
   .ca-dashboard__topbar negative side-margins can expand the bar, which
   leaves a visible right-edge gap on pages like Integrations that reuse
   this modifier. Projects overrides margins via :has(#caProjListing). */
.ca-dashboard__topbar--projects{
  overflow:visible;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  min-height:var(--ca-dashboard-header-height, 64px);
  min-width:0;
}
.ca-dashboard__topbar--projects .ca-dna-header__actions{
  display:flex;
}
.ca-proj-company-switcher{
  display:inline-flex;
  align-items:center;
  gap:10px;
  position:relative;
}
.ca-proj-company-switcher__label{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-500, #6b7280);
  white-space:nowrap;
  flex-shrink:0;
}
.ca-proj-company-switcher__control{
  position:relative;
  min-width:200px;
}
.ca-proj-company-switcher__trigger{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-width:200px;
  padding:8px 12px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  box-shadow:0 1px 2px rgba(15,23,42,.04);
  cursor:pointer;
  font-family:inherit;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.ca-proj-company-switcher__trigger:hover{
  border-color:var(--ca-s-gray-300, #d1d5db);
}
.ca-proj-company-switcher__control.is-open .ca-proj-company-switcher__trigger,
.ca-proj-company-switcher__trigger:focus{
  outline:none;
  border-color:var(--ca-s-violet-300, #c4b5fd);
  box-shadow:0 0 0 3px rgba(124,58,237,.12);
}
.ca-proj-company-switcher__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--ca-t-violet-600, #7c3aed);
  flex-shrink:0;
}
.ca-proj-company-switcher__value{
  flex:1;
  min-width:0;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-proj-company-switcher__chev{
  flex-shrink:0;
  color:var(--ca-t-gray-400, #9ca3af);
  transition:transform .15s ease;
}
.ca-proj-company-switcher__control.is-open .ca-proj-company-switcher__chev{
  transform:rotate(180deg);
}
.ca-proj-company-switcher__menu{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  right:0;
  z-index:60;
  min-width:240px;
  max-height:280px;
  overflow-y:auto;
  padding:6px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  background:var(--ca-s-white, #ffffff);
  box-shadow:0 12px 32px rgba(15,23,42,.12);
}
.ca-proj-company-switcher__menu[hidden]{
  display:none;
}
.ca-proj-company-switcher__option{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  padding:10px 12px;
  border:none;
  border-radius:8px;
  background:transparent;
  cursor:pointer;
  font-family:inherit;
  text-align:left;
  transition:background .15s ease;
}
.ca-proj-company-switcher__option:hover,
.ca-proj-company-switcher__option:focus{
  background:var(--ca-s-violet-50, #f5f3ff);
  outline:none;
}
.ca-proj-company-switcher__option.is-selected{
  background:var(--ca-s-violet-100, #ede9fe);
}
.ca-proj-company-switcher__option-name{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  line-height:1.3;
}
.ca-proj-company-switcher__option.is-selected .ca-proj-company-switcher__option-name{
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-proj-company-switcher__option-check{
  flex-shrink:0;
  color:var(--ca-t-violet-600, #7c3aed);
  opacity:0;
}
.ca-proj-company-switcher__option.is-selected .ca-proj-company-switcher__option-check{
  opacity:1;
}
.ca-proj-company-switcher__option-text{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.ca-proj-company-switcher__option-desc{
  font-size:11px;
  font-weight:500;
  color:var(--ca-t-gray-400, #9ca3af);
  line-height:1.3;
}
.ca-proj-company-switcher__option--mine .ca-proj-company-switcher__option-name,
.ca-proj-company-switcher__option--all .ca-proj-company-switcher__option-name{
  color:var(--ca-t-gray-900, #111827);
}
.ca-proj-company-switcher__menu-divider{
  height:1px;
  margin:4px 8px;
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-owner-filter{
  position:relative;
  min-width:160px;
  max-width:220px;
}
.ca-owner-filter__control{
  display:flex;
  align-items:center;
  gap:6px;
  height:36px;
  padding:0 10px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
}
.ca-owner-filter__icon{
  flex:0 0 auto;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-owner-filter__input{
  flex:1 1 auto;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  font-size:13px;
  color:var(--ca-t-gray-900, #111827);
}
.ca-owner-filter__clear{
  flex:0 0 auto;
  border:0;
  background:transparent;
  color:var(--ca-t-gray-400, #9ca3af);
  cursor:pointer;
  font-size:16px;
  line-height:1;
  padding:0 2px;
}
.ca-owner-filter__menu{
  position:absolute;
  z-index:40;
  top:calc(100% + 4px);
  left:0;
  right:0;
  margin:0;
  padding:4px 0;
  list-style:none;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  box-shadow:0 8px 24px rgba(15,23,42,.08);
  max-height:240px;
  overflow:auto;
}
.ca-owner-filter__option{
  display:flex;
  flex-direction:column;
  gap:1px;
  padding:8px 10px;
  cursor:pointer;
}
.ca-owner-filter__option:hover,
.ca-owner-filter__option:focus{
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-owner-filter__option-name{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-owner-filter__option-email{
  font-size:11px;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-owner-filter__empty{
  padding:10px;
  font-size:12px;
  color:var(--ca-t-gray-400, #9ca3af);
}
/* Project chat on /projects (customer-facing) */
.ca-projchat-launcher{
  position:fixed;
  bottom:24px;
  right:24px;
  z-index:9000;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border-radius:24px;
  border:1px solid var(--ca-s-gray-900, #111827);
  background:var(--ca-s-gray-900, #111827);
  color:var(--ca-t-white, #ffffff);
  font-family:inherit;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(17,24,39,.22);
}
.ca-projchat-launcher:hover{
  background:var(--ca-s-gray-800, #1f2937);
}
.ca-projchat{
  position:fixed;
  bottom:76px;
  right:24px;
  z-index:9001;
  width:380px;
  max-width:calc(100vw - 32px);
  height:480px;
  max-height:calc(100vh - 120px);
  display:flex;
  flex-direction:column;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
  box-shadow:0 20px 50px rgba(17,24,39,.25);
  overflow:hidden;
}
/* The class-level display would otherwise beat the UA [hidden] rule. */
.ca-projchat[hidden]{ display:none; }
.ca-projchat__head{
  display:flex;
  align-items:center;
  gap:8px;
  padding:12px 14px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-gray-50, #f9fafb);
}
.ca-projchat__title{
  font-size:14px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  white-space:nowrap;
}
.ca-projchat__scope{
  flex:1;
  min-width:0;
  font-family:inherit;
  font-size:12px;
  padding:5px 8px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
}
.ca-projchat__close{
  border:none;
  background:transparent;
  font-family:inherit;
  font-size:20px;
  line-height:1;
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  padding:2px 6px;
}
.ca-projchat__messages{
  flex:1;
  overflow-y:auto;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ca-projchat__empty{
  font-size:12.5px;
  color:var(--ca-t-gray-500, #6b7280);
  text-align:center;
  margin:auto 12px;
}
.ca-projchat__msg{
  max-width:85%;
  padding:8px 12px;
  border-radius:12px;
  font-size:13px;
  line-height:1.5;
  white-space:pre-wrap;
  word-break:break-word;
}
.ca-projchat__msg--user{
  align-self:flex-end;
  background:var(--ca-s-gray-900, #111827);
  color:var(--ca-t-white, #ffffff);
  border-bottom-right-radius:4px;
}
.ca-projchat__msg--agent{
  align-self:flex-start;
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-900, #111827);
  border-bottom-left-radius:4px;
}
.ca-projchat__note{
  align-self:center;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-projchat__composer{
  display:flex;
  gap:8px;
  align-items:flex-end;
  padding:10px 12px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-white, #ffffff);
}
.ca-projchat__input{
  flex:1;
  resize:none;
  font-family:inherit;
  font-size:13px;
  line-height:1.4;
  padding:8px 10px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
}
.ca-projchat__send{
  white-space:nowrap;
}
@media (max-width:640px){
  .ca-projchat{
    right:8px;
    left:8px;
    width:auto;
  }
}

.ca-src-suggest-accept-all{
  display:block;
  margin:10px auto 4px;
  padding:8px 16px;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}
.ca-dna-props--copilot{
  margin:10px 0;
}
.ca-onboarding__journey{
  display:flex;
  gap:12px;
  justify-content:center;
  margin:22px auto 0;
  padding:0;
  list-style:none;
  max-width:760px;
}
.ca-onboarding__journey-step{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  padding:12px 14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  background:var(--ca-s-white, #ffffff);
  text-align:center;
}
.ca-onboarding__journey-step.is-current{
  border-color:var(--ca-s-indigo-200, #c7d2fe);
  background:var(--ca-s-indigo-50, #eef2ff);
}
.ca-onboarding__journey-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--ca-s-gray-200, #e5e7eb);
  color:var(--ca-t-gray-700, #374151);
  font-size:12px;
  font-weight:700;
}
.ca-onboarding__journey-step.is-current .ca-onboarding__journey-num{
  background:var(--ca-s-indigo-600, #4f46e5);
  color:var(--ca-t-white, #ffffff);
}
.ca-onboarding__journey-label{
  font-size:13px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-onboarding__journey-desc{
  font-size:11.5px;
  line-height:1.4;
  color:var(--ca-t-gray-500, #6b7280);
}
@media (max-width:640px){
  .ca-onboarding__journey{
    flex-direction:column;
  }
}
.ca-state-card__next-steps{
  list-style:none;
  margin:18px auto;
  padding:0;
  max-width:440px;
  display:flex;
  flex-direction:column;
  gap:10px;
  text-align:left;
}
.ca-state-card__next-step{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:13.5px;
  line-height:1.5;
  color:var(--ca-t-gray-700, #374151);
}
.ca-state-card__next-num{
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--ca-s-gray-200, #e5e7eb);
  color:var(--ca-t-gray-700, #374151);
  font-size:12px;
  font-weight:700;
}
.ca-state-card__next-step.is-done .ca-state-card__next-num{
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-800, #166534);
}
.ca-dna-nextstep{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 16px;
  padding:12px 16px;
  border:1px solid var(--ca-s-indigo-200, #c7d2fe);
  border-radius:12px;
  background:var(--ca-s-indigo-50, #eef2ff);
}
.ca-dna-nextstep__text{
  flex:1;
  font-size:13.5px;
  line-height:1.5;
  color:var(--ca-t-indigo-900, #312e81);
}
.ca-dna-nextstep__cta{
  flex:none;
  white-space:nowrap;
}
.ca-dna-nextstep__dismiss{
  flex:none;
  border:none;
  background:transparent;
  font-size:20px;
  line-height:1;
  color:var(--ca-t-indigo-500, #6366f1);
  cursor:pointer;
  padding:2px 6px;
}
.ca-build-chooser{
  position:fixed;
  inset:0;
  z-index:99990;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(17,24,39,.45);
}
.ca-build-chooser__panel{
  position:relative;
  width:100%;
  max-width:560px;
  background:var(--ca-s-white, #ffffff);
  border-radius:14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  box-shadow:0 20px 50px rgba(17,24,39,.2);
  padding:28px;
}
.ca-build-chooser__close{
  position:absolute;
  top:10px;
  right:14px;
  border:none;
  background:transparent;
  font-size:22px;
  line-height:1;
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
}
.ca-build-chooser__title{
  margin:0 0 6px;
  font-size:18px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-build-chooser__sub{
  margin:0 0 18px;
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-build-chooser__options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.ca-build-chooser__option{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ca-build-chooser__option h4{
  margin:0;
  font-size:14px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-build-chooser__option p{
  margin:0;
  font-size:12.5px;
  line-height:1.5;
  color:var(--ca-t-gray-500, #6b7280);
  flex:1;
}
.ca-build-chooser__launch{
  position:relative;
}
@media (max-width:600px){
  .ca-build-chooser__options{
    grid-template-columns:1fr;
  }
}
.ca-save-toast-wrap{
  position:fixed;
  bottom:24px;
  right:24px;
  z-index:100000;
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-end;
  pointer-events:none;
}
.ca-save-toast{
  max-width:340px;
  padding:10px 14px;
  border-radius:10px;
  font-size:13px;
  font-weight:500;
  line-height:1.45;
  color:var(--ca-t-gray-900, #111827);
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  box-shadow:0 8px 24px rgba(17,24,39,.12);
  opacity:0;
  transform:translateY(6px);
  transition:opacity .2s ease, transform .2s ease;
}
.ca-save-toast.is-visible{
  opacity:1;
  transform:translateY(0);
}
.ca-save-toast--success{
  border-color:var(--ca-s-green-200, #bbf7d0);
  background:var(--ca-s-green-50, #f0fdf4);
  color:var(--ca-t-green-800, #166534);
}
.ca-save-toast--error{
  border-color:var(--ca-s-red-200, #fecaca);
  background:var(--ca-s-red-50, #fef2f2);
  color:var(--ca-t-red-700, #b91c1c);
}
.ca-save-toast--info{
  border-color:var(--ca-s-blue-200, #bfdbfe);
  background:var(--ca-s-blue-50, #eff6ff);
  color:var(--ca-t-blue-700, #1d4ed8);
}
#caProjListing.is-refreshing{
  opacity:.65;
  transition:opacity .15s ease;
  cursor:progress;
}
.ca-proj-company-switcher__note{
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  z-index:60;
  max-width:260px;
  padding:6px 10px;
  border-radius:8px;
  border:1px solid var(--ca-s-red-200, #fecaca);
  background:var(--ca-s-red-50, #fef2f2);
  color:var(--ca-t-red-700, #b91c1c);
  font-size:12px;
  font-weight:500;
  line-height:1.4;
  box-shadow:0 4px 12px rgba(17,24,39,.08);
}
.ca-proj-company-switcher__select{
  min-width:180px;
  border:none;
  background:transparent;
  padding:6px 28px 6px 0;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right center;
}
.ca-proj-company-switcher__select:focus{
  outline:none;
}
.ca-gtm-admin-banner-wrap{
  margin:0 0 20px;
  padding:0;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.ca-gtm-admin-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0;
  padding:12px 14px;
  border:1px solid var(--ca-s-purple-200, #e9d5ff);
  border-radius:12px;
  background:linear-gradient(180deg, var(--ca-s-white, #ffffff) 0%, var(--ca-s-purple-50, #faf5ff) 100%);
  box-shadow:0 1px 2px rgba(91,33,182,.05), 0 8px 20px rgba(124,58,237,.06);
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.ca-gtm-admin-banner__content{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  flex:1;
}
.ca-gtm-admin-banner__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:36px;
  height:36px;
  border-radius:10px;
  background:linear-gradient(135deg, var(--ca-s-violet-100, #ede9fe) 0%, var(--ca-s-violet-50, #f5f3ff) 100%);
  color:var(--ca-t-violet-600, #7c3aed);
  border:1px solid var(--ca-s-violet-200, #ddd6fe);
}
.ca-gtm-admin-banner__copy{
  min-width:0;
}
.ca-gtm-admin-banner__eyebrow{
  display:inline-flex;
  align-items:center;
  margin:0 0 2px;
  padding:2px 8px;
  border-radius:999px;
  background:var(--ca-s-violet-50, #f5f3ff);
  border:1px solid var(--ca-s-violet-100, #ede9fe);
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ca-t-violet-600, #7c3aed);
  line-height:1.4;
}
.ca-gtm-admin-banner__text{
  margin:0;
  font-size:14px;
  line-height:1.45;
  font-weight:500;
  color:var(--ca-t-slate-600, #475569);
}
.ca-gtm-admin-banner__company{
  display:inline-flex;
  align-items:center;
  margin-left:4px;
  padding:2px 10px;
  border-radius:999px;
  background:var(--ca-s-violet-50, #f5f3ff);
  border:1px solid var(--ca-s-violet-200, #ddd6fe);
  font-size:13px;
  font-weight:700;
  color:var(--ca-t-violet-700, #6d28d9);
  white-space:nowrap;
  max-width:min(240px, 100%);
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:bottom;
}
.ca-gtm-admin-banner__link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
  padding:8px 12px;
  border:1px solid var(--ca-s-violet-200, #ddd6fe);
  border-radius:8px;
  background:var(--ca-s-purple-50, #faf5ff);
  color:var(--ca-t-violet-700, #6d28d9);
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;
}
.ca-gtm-admin-banner__link:hover{
  background:var(--ca-s-purple-100, #f3e8ff);
  border-color:var(--ca-s-violet-300, #c4b5fd);
  color:var(--ca-t-violet-800, #5b21b6);
  box-shadow:0 0 0 3px rgba(124,58,237,.1);
  text-decoration:none;
}
@media (max-width:720px){
  .ca-gtm-admin-banner{
    flex-direction:column;
    align-items:stretch;
  }
  .ca-gtm-admin-banner__link{
    justify-content:center;
  }
}
.ca-proj-page-header{
  align-items:center;
}
.ca-proj-page-header__intro{
  min-width:0;
}
.ca-proj-motion-badge{
  display:inline-block;
  padding:3px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  background:var(--ca-s-violet-50, #f5f3ff);
  color:var(--ca-t-violet-600, #7c3aed);
  white-space:nowrap;
}
.ca-proj-motion-badge--direct{
  background:var(--ca-s-blue-50, #eff6ff);
  color:var(--ca-t-blue-600, #2563eb);
}
.ca-proj-gtm{
  display:flex;
  align-items:center;
  gap:8px;
}
.ca-proj-gtm__pct{
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  min-width:38px;
}
.ca-proj-surfaces-empty{
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-proj-surfaces-count{
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-proj-table__name-link{
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  text-decoration:none;
}
.ca-proj-table__name-link:hover{
  color:var(--ca-t-violet-600, #7c3aed);
  text-decoration:underline;
}
.ca-proj-row:hover td{
  background:var(--ca-s-gray-50, #f9fafb);
}

/* ── AtlasGTM Projects table: selection, people, brand, surfaces ───────── */

.ca-lop-stat__note{
  font-size:11px;
  color:var(--ca-t-gray-400, #9ca3af);
  margin-top:4px;
  line-height:1.35;
}

/* AtlasGTM Projects portfolio table — fixed column widths with horizontal
   scroll contained inside the table card (not the full page). */
html:has(#caProjListing),
body:has(#caProjListing){
  overflow-x:hidden;
  width:100%;
  max-width:100%;
}
#page:has(#caProjListing),
.site:has(#caProjListing),
main.site-main.ca-layout--dashboard:has(#caProjListing){
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  box-sizing:border-box;
}
.ca-layout--dashboard:has(#caProjListing),
.ca-dashboard:has(#caProjListing){
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:hidden;
  box-sizing:border-box;
}
.ca-dashboard__content:has(#caProjListing){
  width:100%;
  max-width:100%;
  min-width:0;
  padding:0 0 40px;
  overflow-x:hidden;
  box-sizing:border-box;
}
/* Full-bleed topbar: negative margins are clipped by overflow-x:hidden above,
   so cancel content side-padding and align actions to the content edge. */
.ca-dashboard__content:has(#caProjListing) > .ca-dashboard__topbar--projects{
  width:100%;
  max-width:100%;
  margin:0 0 20px;
  padding:0 24px;
  box-sizing:border-box;
}
.ca-dashboard__content:has(#caProjListing) > .ca-lop-body{
  width:100%;
  min-width:0;
  max-width:100%;
  padding:28px 24px 0;
  overflow-x:hidden;
  box-sizing:border-box;
}
#caProjListing{
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  box-sizing:border-box;
}
/* Card chrome stays full-width; only the inner scroller moves horizontally. */
.ca-lop-kit-table-wrap:has(.ca-proj-table){
  --ca-proj-table-min-w:1180px;
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  box-sizing:border-box;
  scrollbar-gutter:auto;
}
.ca-proj-table-scroll{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:visible;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  box-sizing:border-box;
}
.ca-lop-kit-table.ca-proj-table{
  width:100%;
  min-width:var(--ca-proj-table-min-w);
  max-width:none;
  table-layout:fixed;
}
.ca-proj-col--select{ width:44px; }
.ca-proj-col--project{ width:260px; }
.ca-proj-col--gtm-info{ width:240px; }
.ca-proj-col--surfaces{ width:150px; }
.ca-proj-col--published{ width:170px; }
.ca-proj-col--actions{ width:96px; }
.ca-lop-kit-table.ca-proj-table tbody td.ca-proj-table__project,
.ca-lop-kit-table.ca-proj-table tbody td.ca-proj-table__gtm-info{
  white-space:normal;
  vertical-align:top;
  overflow:visible;
  text-overflow:clip;
}
.ca-proj-project-cell{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
}
.ca-proj-project-cell__title{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
}
.ca-proj-id{
  font-size:11.5px;
  font-weight:600;
  color:var(--ca-t-gray-400, #9ca3af);
  font-variant-numeric:tabular-nums;
}
.ca-proj-live-chip{
  display:inline-flex;
  align-items:center;
  padding:1px 8px;
  border-radius:999px;
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-600, #4b5563);
  white-space:nowrap;
}
.ca-proj-live-chip--complete,
.ca-proj-live-chip--live{
  background:var(--ca-s-emerald-100, #d1fae5);
  color:var(--ca-t-emerald-700, #047857);
}
.ca-proj-live-chip--in-progress,
.ca-proj-live-chip--progress{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-700, #1d4ed8);
}
.ca-proj-card__title .ca-proj-live-chip{
  margin-left:4px;
  vertical-align:middle;
}
.ca-proj-card__title .ca-proj-id{
  margin-left:6px;
}
.ca-proj-info,
.ca-proj-gtm-info{
  display:flex;
  flex-direction:column;
  gap:2px;
  line-height:1.35;
  font-size:12px;
  color:var(--ca-t-gray-700, #374151);
}
.ca-proj-info__line--muted{
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-proj-card .ca-proj-info{
  margin-top:2px;
  margin-bottom:4px;
}
.ca-proj-card__gtm-info{
  margin-top:8px;
}
.ca-proj-gtm-info__line .ca-proj-gtm{
  display:inline-flex;
  vertical-align:middle;
}
.ca-proj-gtm-info__line .ca-proj-gtm__pct{
  min-width:0;
}
.ca-proj-brand-inline{
  color:var(--ca-t-violet-700, #6d28d9);
  font-weight:600;
  text-decoration:none;
}
.ca-proj-brand-inline:hover{
  text-decoration:underline;
}
/* Beat .ca-lop-kit-table thead th / tbody td ellipsis on utility columns. */
.ca-lop-kit-table.ca-proj-table thead th.ca-proj-table__select,
.ca-lop-kit-table.ca-proj-table tbody td.ca-proj-table__select{
  width:44px;
  min-width:44px;
  max-width:44px;
  padding:12px 6px;
  text-align:center;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
}
.ca-lop-kit-table.ca-proj-table thead th.ca-proj-table__select input[type="checkbox"],
.ca-lop-kit-table.ca-proj-table tbody td.ca-proj-table__select input[type="checkbox"]{
  width:15px;
  height:15px;
  accent-color:var(--ca-s-violet-600, #7c3aed);
  cursor:pointer;
  margin:0;
  vertical-align:middle;
}
.ca-lop-kit-table.ca-proj-table thead th.ca-proj-table__actions,
.ca-lop-kit-table.ca-proj-table tbody td.ca-lop-kit-table__actions{
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
}
.ca-proj-row.is-leaving,
.ca-proj-card.is-leaving,
tr.ca-lop-kit-table__row.is-leaving,
.ca-lop-kit-card.is-leaving{
  opacity:0;
  transform:translateY(-4px);
  transition:opacity .28s ease, transform .28s ease;
  pointer-events:none;
}
.ca-proj-row.is-selected > td{
  background:var(--ca-s-violet-50, #f5f3ff);
}
.ca-proj-row.is-expanded > td{
  border-bottom-color:transparent;
}
.ca-proj-muted{
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-proj-date{
  font-size:12.5px;
  color:var(--ca-t-gray-500, #6b7280);
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.ca-proj-gtm-link{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  vertical-align:middle;
}

/* Company cell doubles as a pivot into that company's portfolio. */
.ca-proj-link-cell{
  border:0;
  background:none;
  padding:0;
  font:inherit;
  font-weight:500;
  color:var(--ca-t-indigo-600, #4f46e5);
  cursor:pointer;
  text-align:left;
}
.ca-proj-link-cell:hover{
  text-decoration:underline;
}
.ca-proj-company-name{
  font-weight:500;
  color:var(--ca-t-gray-700, #374151);
}

/* Brand kits */
.ca-proj-brand{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px;
}
.ca-proj-brand-chip{
  display:inline-block;
  max-width:130px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:3px 9px;
  border-radius:999px;
  border:1px solid var(--ca-s-purple-200, #e9d5ff);
  background:var(--ca-s-purple-50, #faf5ff);
  color:var(--ca-t-violet-700, #6d28d9);
  font-size:12px;
  font-weight:600;
  text-decoration:none;
}
.ca-proj-brand-chip:hover{
  background:var(--ca-s-purple-100, #f3e8ff);
}
.ca-proj-brand-more{
  font-size:11.5px;
  font-weight:600;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-proj-brand-empty{
  font-size:12px;
  color:var(--ca-t-gray-400, #9ca3af);
  text-decoration:none;
  border-bottom:1px dashed var(--ca-s-gray-300, #d1d5db);
}
.ca-proj-brand-empty:hover{
  color:var(--ca-t-violet-600, #7c3aed);
  border-bottom-color:var(--ca-s-violet-600, #7c3aed);
}

/* Owner / creator */
.ca-proj-person{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.ca-proj-person__avatar{
  flex:0 0 auto;
  width:24px;
  height:24px;
  border-radius:50%;
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-700, #6d28d9);
  font-size:10.5px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  letter-spacing:.02em;
}
.ca-proj-person__name{
  font-size:12.5px;
  color:var(--ca-t-gray-700, #374151);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:130px;
}

/* Surface expander */
.ca-proj-surface-toggle{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  padding:4px 9px;
  cursor:pointer;
  font:inherit;
  color:var(--ca-t-gray-900, #111827);
}
.ca-proj-surface-toggle:hover{
  border-color:var(--ca-s-violet-300, #c4b5fd);
  background:var(--ca-s-purple-50, #faf5ff);
}
.ca-proj-surface-toggle__sign{
  width:16px;
  height:16px;
  border-radius:4px;
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-700, #6d28d9);
  font-size:13px;
  font-weight:700;
  line-height:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.ca-proj-surface-toggle.is-open .ca-proj-surface-toggle__sign{
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
}
.ca-proj-surface-toggle__label{
  font-size:12.5px;
  font-weight:600;
  white-space:nowrap;
}
.ca-proj-surface-toggle__meta{
  font-size:11px;
  color:var(--ca-t-emerald-600, #059669);
  font-weight:600;
  white-space:nowrap;
}

/* Expanded surface sub-rows */
.ca-proj-subrow > td{
  background:var(--ca-s-zinc-50, #fafafa);
  padding-top:0;
  padding-bottom:12px;
}
.ca-proj-surface-list{
  list-style:none;
  margin:0;
  padding:0;
  border:1px solid var(--ca-s-xeef0f3, #eef0f3);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  overflow:hidden;
}
.ca-proj-surface{
  display:grid;
  grid-template-columns:72px minmax(140px,1.2fr) minmax(110px,.8fr) 110px minmax(140px,1.2fr) minmax(130px,1fr) minmax(220px,1.1fr);
  align-items:center;
  gap:12px;
  padding:9px 14px;
  border-top:1px solid var(--ca-s-gray-100, #f3f4f6);
}
.ca-proj-surface__thumb,
.ca-proj-surface__thumb-head{
  display:block;
  width:72px;
}
.ca-proj-surface__thumb{
  position:relative;
  height:44px;
  border-radius:6px;
  overflow:hidden;
  background:var(--ca-s-gray-100, #f3f4f6);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  flex-shrink:0;
}
.ca-proj-surface__thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
}
a.ca-proj-surface__thumb:hover{
  border-color:var(--ca-s-violet-300, #c4b5fd);
  box-shadow:0 0 0 2px rgba(124,58,237,.12);
}
.ca-proj-surface__thumb--empty{
  background:repeating-linear-gradient(
    -45deg,
    var(--ca-s-gray-100, #f3f4f6),
    var(--ca-s-gray-100, #f3f4f6) 4px,
    var(--ca-s-xeef0f3, #eef0f3) 4px,
    var(--ca-s-xeef0f3, #eef0f3) 8px
  );
}
.ca-proj-surface--head .ca-proj-surface__thumb-head{
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-proj-surface:first-child{
  border-top:0;
}
.ca-proj-surface--head{
  background:var(--ca-s-zinc-50, #fafafa);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-proj-surface--head .ca-proj-surface__name{
  color:var(--ca-t-gray-400, #9ca3af);
  font-weight:700;
}
.ca-proj-surface__name{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  text-decoration:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
a.ca-proj-surface__name:hover{
  color:var(--ca-t-violet-600, #7c3aed);
  text-decoration:underline;
}
.ca-proj-surface__type{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-proj-surface__url{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:12px;
  color:var(--ca-t-indigo-600, #4f46e5);
  text-decoration:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-proj-surface__url:hover{
  text-decoration:underline;
}
.ca-proj-surface__url-empty{
  font-size:12px;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-proj-surface__menu{
  display:flex;
  justify-content:flex-end;
}
.ca-proj-surface__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
}
.ca-proj-surface__menu-head{
  text-align:right;
}
.ca-proj-surface-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:28px;
  padding:0 10px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:7px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  font:inherit;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
}
.ca-proj-surface-btn:hover{
  border-color:var(--ca-s-violet-300, #c4b5fd);
  background:var(--ca-s-purple-50, #faf5ff);
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-proj-surface-btn--primary{
  border-color:var(--ca-s-violet-600, #7c3aed);
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
}
.ca-proj-surface-btn--primary:hover{
  border-color:var(--ca-s-violet-700, #6d28d9);
  background:var(--ca-s-violet-700, #6d28d9);
  color:var(--ca-t-white, #ffffff);
}
.ca-proj-surface-btn:disabled{
  opacity:.55;
  cursor:progress;
}
.ca-proj-surface--head .ca-proj-surface__menu-head{
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-proj-surface__menu .ca-lop-kit-card__menu-wrap{
  position:relative;
}

/* Latest published surface version */
.ca-proj-table__published{
  width:170px;
}
.ca-proj-table td.ca-proj-table__published{
  white-space:normal;
  line-height:1.25;
}
.ca-proj-published{
  display:inline-flex;
  flex-direction:column;
  gap:1px;
  text-decoration:none;
  max-width:100%;
}
.ca-proj-published__meta{
  font-size:11.5px;
  font-weight:700;
  color:var(--ca-t-emerald-700, #047857);
  white-space:nowrap;
}
.ca-proj-published__host{
  font-size:11px;
  color:var(--ca-t-gray-500, #6b7280);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:160px;
}
.ca-proj-published:hover .ca-proj-published__meta{
  text-decoration:underline;
}
.ca-proj-published:hover .ca-proj-published__host{
  color:var(--ca-t-indigo-600, #4f46e5);
}
.ca-proj-published__more{
  display:inline-block;
  margin-left:6px;
  padding:1px 6px;
  border-radius:999px;
  background:var(--ca-s-gray-100, #f3f4f6);
  font-size:10.5px;
  font-weight:700;
  color:var(--ca-t-gray-500, #6b7280);
  vertical-align:top;
}
.ca-proj-card__published{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
}

/* Launch in an MCP client */
.ca-proj-launch{
  position:relative;
}
.ca-proj-launch__toggle{
  width:100%;
  justify-content:flex-start;
}
.ca-proj-launch__chev{
  margin-left:auto;
  flex:0 0 auto;
  opacity:.55;
}
.ca-proj-launch__panel{
  margin:2px 0 4px;
  padding:6px 0 0;
  border-top:1px solid var(--ca-s-xf1f2f4, #f1f2f4);
  background:var(--ca-s-xfbfbfd, #fbfbfd);
}
.ca-proj-launch__panel[hidden]{
  display:none;
}
/* Standalone (toolbar button) variant: the panel is its own dropdown card
   rather than a section inside an already-open kebab menu. */
.ca-proj-launch--standalone{
  display:inline-flex;
}
.ca-proj-launch__panel--floating{
  position:absolute;
  top:100%;
  right:0;
  z-index:10050;
  min-width:250px;
  margin:6px 0 0;
  padding:6px 0;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-white, #ffffff);
  box-shadow:0 8px 24px rgba(17,24,39,.14);
  cursor:default;
  text-align:left;
}
/* The surface request card clips its own corners, which would cut the menu off
   while the card is collapsed. Release that only while the menu is open. */
.ca-dna-surface-form:has(.ca-proj-launch__panel--floating:not([hidden])){
  overflow:visible;
  z-index:20;
}
.ca-dna-surface-form__header:has(.ca-proj-launch__panel--floating:not([hidden])){
  position:relative;
  z-index:20;
}
.ca-proj-launch__head{
  padding:2px 14px 6px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-proj-launch__client{
  padding-left:14px;
}
.ca-proj-launch__dot{
  flex:0 0 auto;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--ca-s-gray-300, #d1d5db);
}
.ca-proj-launch__dot.is-ready{
  background:var(--ca-s-emerald-500, #10b981);
  box-shadow:0 0 0 3px rgba(16,185,129,.15);
}
.ca-proj-launch__client.is-unconfigured{
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-proj-launch__setup{
  margin-left:auto;
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-proj-launch__workspace{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:8px 14px 10px;
  border-top:1px solid var(--ca-s-xf1f2f4, #f1f2f4);
  margin-top:4px;
}
.ca-proj-launch__workspace-label{
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-proj-launch__workspace-input{
  width:100%;
  padding:6px 8px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:6px;
  font-size:12px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  color:var(--ca-t-gray-700, #374151);
  background:var(--ca-s-white, #ffffff);
}
.ca-proj-launch__workspace-input:focus{
  outline:none;
  border-color:var(--ca-s-violet-600, #7c3aed);
  box-shadow:0 0 0 3px rgba(124,58,237,.12);
}

/* Launch status toast */
.ca-proj-launch-toast{
  position:fixed;
  z-index:100000;
  left:50%;
  bottom:28px;
  transform:translate(-50%,12px);
  max-width:520px;
  padding:12px 18px;
  border-radius:10px;
  background:var(--ca-s-gray-900, #111827);
  color:var(--ca-t-gray-50, #f9fafb);
  font-size:13px;
  line-height:1.5;
  box-shadow:0 12px 32px rgba(17,24,39,.28);
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.ca-proj-launch-toast.is-visible{
  opacity:1;
  transform:translate(-50%,0);
  pointer-events:auto;
}
.ca-proj-launch-toast a{
  color:var(--ca-t-violet-300, #c4b5fd);
  text-decoration:underline;
}
/* Shown when the session switched to another user, so the page is stale. */
.ca-nonce-switch{
  position:fixed;
  z-index:100001;
  top:0;
  left:0;
  right:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  padding:11px 18px;
  background:var(--ca-s-orange-900, #7c2d12);
  color:var(--ca-t-orange-50, #fff7ed);
  font-size:13px;
  line-height:1.5;
  box-shadow:0 6px 20px rgba(17,24,39,.24);
}
.ca-nonce-switch__btn{
  padding:5px 14px;
  border:1px solid var(--ca-s-white-a55, rgba(255,255,255,.55));
  border-radius:7px;
  background:transparent;
  color:var(--ca-t-orange-50, #fff7ed);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}
.ca-nonce-switch__btn:hover{
  background:rgba(255,255,255,.14);
}
.ca-proj-surface-status{
  display:inline-block;
  padding:2px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:600;
  text-align:center;
  white-space:nowrap;
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-600, #4b5563);
}
.ca-proj-surface-status--pending{
  background:var(--ca-s-amber-100, #fef3c7);
  color:var(--ca-t-amber-800, #92400e);
}
.ca-proj-surface-status--in-progress{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-700, #1d4ed8);
}
.ca-proj-surface-status--completed{
  background:var(--ca-s-emerald-100, #d1fae5);
  color:var(--ca-t-emerald-700, #047857);
}
.ca-proj-surface-status--published{
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-700, #6d28d9);
}

/* Bulk selection bar */
.ca-proj-bulkbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:12px;
  padding:10px 14px;
  border:1px solid var(--ca-s-violet-200, #ddd6fe);
  border-radius:10px;
  background:var(--ca-s-violet-50, #f5f3ff);
}
/* The class-level display would otherwise beat the UA [hidden] rule. */
.ca-proj-bulkbar[hidden]{ display:none; }
.ca-proj-bulkbar__count{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-violet-800, #5b21b6);
}
.ca-proj-bulkbar__actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.ca-proj-bulkbar__btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12.5px;
  padding:6px 12px;
}
.ca-proj-bulkbar__btn[hidden]{ display:none; }
.ca-proj-bulkbar__clear{
  border:0;
  background:none;
  padding:0 2px;
  font:inherit;
  font-size:12.5px;
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  text-decoration:underline;
}
.ca-proj-bulkbar__clear:hover{
  color:var(--ca-t-gray-700, #374151);
}

/* Move-to-company modal */
.ca-proj-move__label{
  display:block;
  margin:14px 0 6px;
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
.ca-proj-move__select{
  width:100%;
}

/* Card view additions */
.ca-proj-card__company{
  font-size:12.5px;
  font-weight:500;
  color:var(--ca-t-gray-500, #6b7280);
  margin-top:-4px;
}
.ca-proj-card__person-label{
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--ca-t-gray-400, #9ca3af);
}

@media (max-width: 900px){
  .ca-proj-surface{
    grid-template-columns:1fr;
    gap:4px;
  }
  .ca-proj-surface--head{
    display:none;
  }
}
.ca-proj-card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:12px;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
  cursor:pointer;
  transition:box-shadow .15s ease, border-color .15s ease;
}
.ca-proj-card:hover{
  border-color:var(--ca-s-violet-300, #c4b5fd);
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}
.ca-proj-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}
.ca-proj-card__head .ca-lop-kit-card__menu-wrap{
  flex-shrink:0;
  margin-top:2px;
}
.ca-proj-card__title{
  font-size:16px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}
.ca-proj-card__surfaces{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-lop-kit-table__actions .ca-lop-kit-card__menu-wrap{
  margin-left:auto;
}
.ca-proj-delete-modal__panel .ca-modal__actions{
  margin-top:20px;
}
.ca-proj-delete-modal__step:not(.is-active){
  display:none;
}
.ca-proj-delete-modal__lead{
  margin:0 0 10px;
  font-size:14px;
  line-height:1.5;
  color:var(--ca-t-gray-700, #374151);
}
.ca-proj-delete-modal__hint,
.ca-proj-delete-modal__surfaces{
  margin:0 0 8px;
  font-size:13px;
  line-height:1.45;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-proj-delete-modal__surfaces{
  color:var(--ca-t-amber-700, #b45309);
}
.ca-proj-delete-modal__confirm-name{
  margin:0 0 8px;
  font-size:14px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-proj-delete-modal__input{
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:10px 12px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  font-size:14px;
  font-family:inherit;
}
.ca-proj-delete-modal__input:focus{
  outline:none;
  border-color:var(--ca-s-violet-400, #a78bfa);
  box-shadow:0 0 0 3px rgba(167,139,250,.25);
}
.ca-proj-delete-modal__error{
  margin:10px 0 0;
  font-size:13px;
  color:var(--ca-t-red-600, #dc2626);
}
.ca-dna-motion-dropdown__back{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin:2px 4px 8px;
  padding:4px 8px;
  border:none;
  border-radius:6px;
  background:transparent;
  font-size:13px;
  font-weight:500;
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
}
.ca-dna-motion-dropdown__back:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-900, #111827);
}
.ca-dna-motion-dropdown__hint{
  margin:0 10px 8px;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.4;
}
.ca-dna-motion-dropdown--owner-step{
  width:340px;
  padding:10px;
}
.ca-dna-owner-picker{
  margin:0 4px 4px;
}
.ca-dna-owner-picker__search-wrap{
  position:relative;
  margin-bottom:8px;
}
.ca-dna-owner-picker__search-icon{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  color:var(--ca-t-gray-400, #9ca3af);
  pointer-events:none;
}
.ca-dna-owner-picker__search{
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:10px 12px 10px 36px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
  font-size:14px;
  font-family:inherit;
  background:var(--ca-s-white, #ffffff);
}
.ca-dna-owner-picker__search:focus{
  outline:none;
  border-color:var(--ca-s-violet-400, #a78bfa);
  box-shadow:0 0 0 3px rgba(167,139,250,.25);
}
.ca-dna-owner-picker__search:disabled{
  background:var(--ca-s-gray-50, #f9fafb);
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-dna-owner-picker__loading{
  margin:0 0 8px;
  padding:8px 10px;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  text-align:center;
}
.ca-dna-owner-picker__list{
  display:flex;
  flex-direction:column;
  gap:4px;
  max-height:260px;
  overflow-y:auto;
  margin:0;
  padding:2px;
}
.ca-dna-owner-picker__list.is-disabled{
  opacity:.55;
  pointer-events:none;
}
.ca-dna-owner-picker__item{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:8px 10px;
  border:none;
  border-radius:8px;
  background:transparent;
  text-align:left;
  cursor:pointer;
  transition:background .15s;
  font-family:inherit;
}
.ca-dna-owner-picker__item:hover,
.ca-dna-owner-picker__item:focus{
  background:var(--ca-s-violet-50, #f5f3ff);
  outline:none;
}
.ca-dna-owner-picker__item.is-selected{
  background:var(--ca-s-violet-100, #ede9fe);
  box-shadow:inset 0 0 0 1px var(--ca-s-violet-300, #c4b5fd);
}
.ca-dna-owner-picker__item.is-current,
.ca-dna-owner-picker__item:disabled{
  opacity:.55;
  cursor:default;
}
.ca-proj-owner-picker .ca-dna-owner-picker__list{
  max-height:240px;
}
.ca-dna-owner-picker__avatar{
  flex-shrink:0;
  width:32px;
  height:32px;
  border-radius:50%;
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-700, #6d28d9);
  font-size:12px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ca-dna-owner-picker__meta{
  display:flex;
  flex-direction:column;
  gap:1px;
  min-width:0;
  flex:1;
}
.ca-dna-owner-picker__name{
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  line-height:1.3;
}
.ca-dna-owner-picker__badge{
  display:inline-block;
  margin-left:4px;
  padding:1px 6px;
  border-radius:999px;
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-700, #6d28d9);
  font-size:10px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.03em;
  vertical-align:middle;
}
.ca-dna-owner-picker__email{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-dna-owner-picker__role{
  font-size:11px;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-dna-owner-picker__empty{
  margin:4px 0 0;
  padding:12px 10px;
  font-size:12px;
  color:var(--ca-t-gray-400, #9ca3af);
  text-align:center;
}
.ca-dna-motion-dropdown__select{
  display:block;
  width:calc(100% - 16px);
  margin:0 8px 8px;
  padding:10px 12px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
  font-size:14px;
  font-family:inherit;
  background:var(--ca-s-white, #ffffff);
  box-sizing:border-box;
}
.ca-dna-motion-dropdown__select:focus{
  outline:none;
  border-color:var(--ca-s-violet-400, #a78bfa);
  box-shadow:0 0 0 3px rgba(167,139,250,.25);
}
.ca-dna-motion-dropdown__error{
  margin:0 10px 8px;
  font-size:12px;
  color:var(--ca-t-red-600, #dc2626);
}
.ca-dna-motion-dropdown__loading{
  margin:0 10px 8px;
  font-size:12px;
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-proj-card__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.ca-proj-cards{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:16px;
}
.ca-lop-empty__actions{
  display:flex;
  gap:12px;
  justify-content:center;
  margin-top:16px;
  flex-wrap:wrap;
}
.ca-lop-stat{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:18px 20px;
}
.ca-lop-stat__icon{
  width:32px;
  height:32px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:10px;
}
.ca-lop-stat__icon--blue{  background:var(--ca-s-blue-50, #eff6ff); }
.ca-lop-stat__icon--green{ background:var(--ca-s-green-50, #f0fdf4); }
.ca-lop-stat__icon--purple{ background:var(--ca-s-violet-50, #f5f3ff); }
.ca-lop-stat__icon--orange{ background:var(--ca-s-orange-50, #fff7ed); }
.ca-lop-stat__number{
  font-size:28px;
  font-weight:800;
  color:var(--ca-t-gray-900, #111827);
  line-height:1.1;
}
.ca-lop-stat__label{
  font-size:13px;
  font-weight:500;
  color:var(--ca-t-gray-500, #6b7280);
  margin-top:2px;
}
.ca-lop-stat__change{
  font-size:11px;
  color:var(--ca-t-gray-400, #9ca3af);
  margin-top:4px;
}

/* Search + filter bar */
/* Search panel container */
.ca-lop-search-panel{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:16px;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
  margin-bottom:20px;
}
.ca-lop-toolbar{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0;
  margin-bottom:12px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  padding:4px;
  min-width:0;
}
.ca-lop-search{
  position:relative;
  flex:1 1 240px;
  min-width:200px;
}
.ca-lop-search__icon{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  pointer-events:none;
  z-index:1;
}
.ca-lop-search__input{
  /* Force border-box so the 36px left + 12px right padding doesn't get
     ADDED on top of `width:100%`, which is what was making the input wider
     than its toolbar slot on iPad (715px input inside ~620px toolbar). */
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  padding:9px 12px 9px 36px;
  border:none;
  border-radius:6px;
  font-size:13px;
  background:transparent;
  color:var(--ca-t-gray-900, #111827);
  outline:none;
  transition:background .15s;
}
.ca-lop-search__input:focus{
  background:var(--ca-s-gray-50, #f9fafb);
}
.ca-lop-search__input::placeholder{
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-lop-filter-tabs{
  display:flex;
  gap:0;
  flex-shrink:0;
  padding-left:8px;
  border-left:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-lop-filter-tabs__btn{
  padding:7px 14px;
  border-radius:6px;
  font-size:12px;
  font-weight:500;
  color:var(--ca-t-gray-700, #374151);
  background:transparent;
  border:none;
  cursor:pointer;
  transition:all .15s;
  white-space:nowrap;
}
.ca-lop-filter-tabs__btn:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-lop-filter-tabs__btn.is-active{
  background:var(--ca-s-gray-900, #111827);
  color:var(--ca-t-white, #ffffff);
}

/* Creator filter */
.ca-lop-creator-filter{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
}
.ca-lop-creator-filter__select{
  padding:6px 28px 6px 10px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
  background:var(--ca-s-white, #ffffff);
  cursor:pointer;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 8px center;
  background-size:12px;
}

/* Empty state */
.ca-lop-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:56px 24px 48px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
}
.ca-lop-empty__icon{
  margin-bottom:16px;
}
.ca-lop-empty__title{
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
  margin:0 0 6px;
}
.ca-lop-empty__desc{
  font-size:13px;
  color:var(--ca-t-gray-400, #9ca3af);
  margin:0 0 20px;
}
.ca-lop-empty__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 22px;
  font-size:14px;
  font-weight:600;
  border-radius:10px;
}
.ca-lop-new-surface-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}

/* ===== Atlas Surfaces — inline View / Edit detail (docked panel) ===== */
/* Hide the list view while an inline View/Edit panel is docked. */
#ca-lop-one-pagers.is-detail-open .ca-lop-info-banner,
#ca-lop-one-pagers.is-detail-open .ca-lop-stats,
#ca-lop-one-pagers.is-detail-open .ca-lop-toolbar,
#ca-lop-one-pagers.is-detail-open #caKitCount,
#ca-lop-one-pagers.is-detail-open #caKitListing{
  display:none !important;
}
.ca-lop-inline-detail{
  margin-top:4px;
  animation:caKitInlineIn .18s ease;
}
@keyframes caKitInlineIn{
  from{ opacity:0; transform:translateY(4px); }
  to{ opacity:1; transform:translateY(0); }
}
.ca-lop-inline-detail__toolbar{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}
.ca-lop-inline-detail__back{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 14px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
  color:var(--ca-t-gray-700, #374151);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.ca-lop-inline-detail__back:hover{
  background:var(--ca-s-gray-50, #f9fafb);
  border-color:var(--ca-s-indigo-300, #a5b4fc);
  color:var(--ca-t-indigo-600, #4f46e5);
}
.ca-lop-inline-detail__back svg{ flex:0 0 auto; }

/* A modal panel rendered inline (no overlay) inside the inline-detail body. */
.ca-modal__panel.ca-modal__panel--docked{
  position:static;
  width:100%;
  max-width:none;
  max-height:none;
  margin:0;
  border-radius:14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  box-shadow:0 1px 3px rgba(15,23,42,.06);
  transform:none;
  animation:none;
  inset:auto;
}
.ca-modal__panel.ca-modal__panel--docked .ca-modal__close{
  display:none;
}

/* Live one-pager card */
.ca-lop-card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:24px;
  max-width:400px;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.ca-lop-card__header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:12px;
}
.ca-lop-card__badges{
  display:flex;
  gap:8px;
}
.ca-lop-card__badge{
  font-size:11px;
  font-weight:600;
  padding:3px 10px;
  border-radius:20px;
  text-transform:uppercase;
  letter-spacing:.3px;
}
.ca-lop-card__badge--status{
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-600, #16a34a);
}
.ca-lop-card__badge--cloud{
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-lop-card__title{
  font-size:16px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 10px;
}
.ca-lop-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-bottom:16px;
}
.ca-lop-card__meta span{
  display:flex;
  align-items:center;
  gap:5px;
}
.ca-lop-card__actions{
  display:flex;
  gap:10px;
  padding-top:12px;
  border-top:1px solid var(--ca-s-gray-100, #f3f4f6);
}

/* Gradient button (shared) */
.ca-btn-gradient{
  background:linear-gradient(135deg,var(--ca-s-violet-600, #7c3aed),var(--ca-s-blue-600, #2563eb));
  color:var(--ca-t-white, #ffffff);
  border:none;
  cursor:pointer;
  transition:opacity .15s;
}
.ca-btn-gradient:hover{
  opacity:.9;
}

/* Brand Asset Library – two separate rounded panels (header panel + asset grid panel) */
.ca-brand-assets{
  margin-top:20px;
  display:flex;
  flex-direction:column;
  gap:20px;
}
.ca-brand-assets__header-panel{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:16px;
  padding:24px;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
  overflow:hidden;
}
.ca-brand-assets__grid-panel{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:16px;
  padding:24px;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
  overflow:hidden;
}
.ca-brand-assets__header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  margin:0;
}
.ca-brand-assets__info{
  flex:1;
}
.ca-brand-assets__title{
  font-size:20px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 8px;
}
.ca-brand-assets__desc{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.6;
  margin:0;
}
.ca-brand-assets__actions{
  display:flex;
  gap:12px;
  flex-shrink:0;
}
.ca-brand-assets__grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:20px;
}
.ca-brand-asset-card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  overflow:hidden;
  transition:box-shadow .15s;
}
.ca-brand-asset-card:hover{
  box-shadow:0 2px 12px rgba(0,0,0,.06);
}
.ca-brand-asset-card__image{
  width:100%;
  height:200px;
  background:var(--ca-s-gray-50, #f9fafb);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-brand-asset-card__image img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.ca-brand-asset-card__content{
  padding:16px;
}
.ca-brand-asset-card__header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:12px;
}
.ca-brand-asset-card__title{
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  margin:0;
}
.ca-brand-asset-card__menu{
  background:none;
  border:none;
  padding:4px;
  cursor:pointer;
  color:var(--ca-t-gray-400, #9ca3af);
  display:flex;
  align-items:center;
  justify-content:center;
  transition:color .15s;
}
.ca-brand-asset-card__menu:hover{
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-brand-asset-card__tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:12px;
}
.ca-brand-asset-tag{
  display:inline-block;
  font-size:11px;
  font-weight:500;
  padding:3px 8px;
  border-radius:4px;
}
.ca-brand-asset-tag--blue{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-800, #1e40af);
}
.ca-brand-asset-tag--green{
  background:var(--ca-s-emerald-100, #d1fae5);
  color:var(--ca-t-emerald-800, #065f46);
}
.ca-brand-asset-tag--orange{
  background:var(--ca-s-orange-200, #fed7aa);
  color:var(--ca-t-orange-800, #9a3412);
}
.ca-brand-asset-tag--purple{
  background:var(--ca-s-purple-200, #e9d5ff);
  color:var(--ca-t-purple-800, #6b21a8);
}
.ca-brand-asset-tag--teal{
  background:var(--ca-s-teal-100, #ccfbf1);
  color:var(--ca-t-teal-900, #134e4a);
}
.ca-brand-asset-tag--gray{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-700, #374151);
}
.ca-brand-asset-card__meta{
  display:flex;
  flex-direction:column;
  gap:4px;
  font-size:12px;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-brand-asset-card__date,
.ca-brand-asset-card__usage{
  margin:0;
}

/* Info banner */
.ca-lop-info-banner{
  background:var(--ca-s-green-50, #f0fdf4);
  border:1px solid var(--ca-s-green-200, #bbf7d0);
  border-left:4px solid var(--ca-s-green-500, #22c55e);
  border-radius:8px;
  padding:16px 20px;
  margin-bottom:24px;
  font-size:13px;
  line-height:1.65;
  color:var(--ca-t-gray-700, #374151);
}
.ca-lop-info-banner p{
  margin:0 0 6px;
}
.ca-lop-info-banner p:last-child{
  margin-bottom:0;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:12.5px;
}

/* Stat icon amber/red variants */
.ca-lop-stat__icon--amber{ background:var(--ca-s-amber-50, #fffbeb); }
.ca-lop-stat__icon--red{ background:var(--ca-s-red-50, #fef2f2); }

/* Toolbar redesign for Revenue Pages tab */
.ca-lop-toolbar{
  display:flex;
  align-items:center;
  /* Wrap whenever the search + filters + buttons don't fit on a single row
     (e.g. iPad / narrow desktops) instead of overflowing the container. */
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:16px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  padding:8px 12px;
  min-width:0;
  /* Final safety net: never let a flex child paint outside the toolbar card. */
  max-width:100%;
  box-sizing:border-box;
}
/* Search owns the first row at narrow widths and shares it on wider ones. */
.ca-lop-search{
  flex:1 1 240px;
  /* Allow the search container to actually shrink inside the flex toolbar.
     Without min-width:0 the default `min-width:auto` keeps it at the input's
     intrinsic width, which causes the toolbar to overflow on iPad. */
  min-width:0;
  /* Hard-cap so the search can never paint outside its flex slot, even if
     descendants try to. */
  max-width:100%;
  overflow:hidden;
}
.ca-lop-filter-select{
  padding:8px 30px 8px 12px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
  background:var(--ca-s-white, #ffffff);
  cursor:pointer;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-size:12px;
  white-space:nowrap;
  max-width:100%;
}
.ca-lop-filter-user{
  display:flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
}
.ca-lop-refresh-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  padding:0;
  flex-shrink:0;
  border-radius:8px;
}
.ca-lop-refresh-btn.is-spinning svg{
  animation:ca-spin .6s linear;
}
@keyframes ca-spin{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}
.ca-spin{
  animation:ca-spin .6s linear;
}

/* Loading state for the Atlas Surfaces kit grid (shown while /revenue-kits
   is being fetched). Mirrors the empty state container so the layout
   doesn't shift between loading -> populated. The grid-column span makes
   the loader fill the full width of the 3-column kit grid instead of
   collapsing into a single cell. */
.ca-lop-loading{
  grid-column:1 / -1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:56px 24px 48px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
}
.ca-lop-loading__spinner{
  width:36px;
  height:36px;
  border-radius:50%;
  border:3px solid var(--ca-s-gray-200, #e5e7eb);
  border-top-color:var(--ca-s-violet-600, #7c3aed);
  animation:ca-spin .8s linear infinite;
  margin-bottom:14px;
}
.ca-lop-loading__text{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
}
.ca-lop-new-kit-btn{
  /* Push the primary action to the far right of the toolbar so it stays
     visually anchored when the toolbar wraps onto a second row (e.g. iPad). */
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  flex-shrink:0;
}

/* iPad / narrow desktops: let the search own the first row and pack all the
   filter controls + primary action on a single tidy second row instead of
   leaving the "+ New Surface" button stranded by itself. */
@media (max-width:1100px){
  .ca-lop-toolbar .ca-lop-search{
    flex:1 1 100%;
    min-width:0;
  }
  /* Drop the `margin-left:auto` that pushes the primary CTA to the right —
     at narrow widths that auto margin consumes the leftover space and forces
     the button onto its own third row. Letting it sit with `margin-left:auto`
     STILL right-anchors it, but using a smaller priority so the row fits. */
  .ca-lop-toolbar .ca-lop-new-kit-btn{
    margin-left:auto;
    flex-shrink:0;
  }
  /* Allow the wider "All Users" creator select to shrink so the row fits. */
  .ca-lop-toolbar .ca-lop-filter-user{
    min-width:0;
    flex-shrink:1;
  }
  .ca-lop-toolbar .ca-lop-filter-user .ca-lop-filter-select{
    min-width:0;
    flex:1 1 auto;
    text-overflow:ellipsis;
    overflow:hidden;
  }
}

/* Kit count label */
.ca-lop-kit-count{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-bottom:14px;
}

/* List / card view toggle */
.ca-lop-view-toggle{
  display:inline-flex;
  align-items:center;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  overflow:hidden;
  flex-shrink:0;
}
.ca-lop-view-toggle__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  padding:0;
  border:none;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  transition:background .15s,color .15s;
}
.ca-lop-view-toggle__btn + .ca-lop-view-toggle__btn{
  border-left:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-lop-view-toggle__btn:hover{
  background:var(--ca-s-gray-50, #f9fafb);
  color:var(--ca-t-gray-700, #374151);
}
.ca-lop-view-toggle__btn.is-active{
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-600, #7c3aed);
}

/* Kit listing container */
.ca-lop-kit-listing[data-view="list"] .ca-lop-kit-cards{
  display:none;
}
.ca-lop-kit-listing[data-view="card"] .ca-lop-kit-table-wrap{
  display:none;
}

/* Kit table (list view) */
.ca-lop-kit-table-wrap{
  --ca-kit-table-min-w:742px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  overflow-x:auto;
  overflow-y:visible;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
  scrollbar-gutter:stable;
}
.ca-lop-kit-table{
  width:100%;
  min-width:var(--ca-kit-table-min-w);
  border-collapse:separate;
  border-spacing:0;
  font-size:14px;
  table-layout:fixed;
}
.ca-lop-kit-table__col-surface{ width:200px; min-width:200px; }
.ca-lop-kit-table__col-project{ width:160px; min-width:160px; }
.ca-lop-kit-table__col-status{ width:110px; min-width:110px; }
.ca-lop-kit-table__col-deal{ width:120px; min-width:120px; }
.ca-lop-kit-table__col-published{ width:160px; min-width:160px; }
.ca-lop-kit-table__col-updated{ width:100px; min-width:100px; }
.ca-lop-kit-table__col-docs{ width:130px; min-width:130px; }
.ca-lop-kit-table__col-actions{ width:96px; min-width:96px; }
.ca-lop-kit-table thead th{
  text-align:left;
  font-size:11px;
  font-weight:700;
  letter-spacing:.4px;
  text-transform:uppercase;
  color:var(--ca-t-gray-500, #6b7280);
  padding:12px 16px;
  background:var(--ca-s-gray-50, #f9fafb);
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-lop-kit-table tbody td{
  padding:14px 16px;
  border-bottom:1px solid var(--ca-s-gray-100, #f3f4f6);
  vertical-align:middle;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-lop-kit-table tbody td.ca-lop-kit-table__actions{
  overflow:visible;
  text-overflow:clip;
}
.ca-lop-kit-table__surface{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.ca-lop-kit-table__surface-title{
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  line-height:1.3;
  overflow-wrap:anywhere;
}
.ca-lop-kit-table__surface-sub{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-top:2px;
}
.ca-lop-kit-table__project-link{
  color:var(--ca-t-violet-600, #7c3aed);
  font-weight:500;
  text-decoration:none;
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-lop-kit-table__project-link:hover{
  text-decoration:underline;
}
.ca-lop-kit-table__unlinked{
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:13px;
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-lop-kit-table__row:last-child td{
  border-bottom:none;
}
.ca-lop-kit-table__row:hover td{
  background:var(--ca-s-zinc-50, #fafafa);
}
.ca-lop-kit-table__row:hover td.ca-lop-kit-table__surface,
.ca-lop-kit-table__row:hover td:first-child{
  background:var(--ca-s-zinc-50, #fafafa);
}
.ca-lop-kit-table__deal,
.ca-lop-kit-table__updated{
  color:var(--ca-t-gray-700, #374151);
  white-space:nowrap;
}
.ca-lop-kit-table__row{
  position:relative;
}
.ca-lop-kit-table__docs{
  color:var(--ca-t-gray-700, #374151);
  white-space:nowrap;
  font-size:13px;
}
.ca-lop-kit-table__docs-count{
  font-weight:600;
}
.ca-lop-kit-table__docs-label{
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-lop-kit-table__docs-note{
  display:block;
  margin-top:2px;
  font-size:11px;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-lop-kit-card__docs{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:6px;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-lop-kit-card__docs .ca-lop-kit-table__docs-count{
  color:var(--ca-t-gray-700, #374151);
}
.ca-lop-kit-card__docs .ca-lop-kit-table__docs-note{
  display:inline;
  margin:0 0 0 4px;
}
.ca-lop-kit-table__actions{
  width:48px;
  text-align:right;
  position:relative;
  overflow:visible;
}
.ca-lop-kit-table__actions .ca-lop-kit-card__menu-wrap{
  display:inline-block;
  position:relative;
}
.ca-lop-kit-table__actions .ca-lop-kit-dropdown{
  z-index:200;
}
.ca-lop-kit-table__actions .ca-lop-kit-dropdown.is-fixed{
  position:fixed;
  z-index:10050;
  margin-top:0;
}
.ca-lop-kit-table__row:has(.ca-lop-kit-dropdown.is-open){
  z-index:10;
}
.ca-lop-kit-card__menu-wrap:has(.ca-lop-kit-dropdown.is-open){
  z-index:10051;
}
.ca-lop-kit-card:has(.ca-lop-kit-dropdown.is-open){
  z-index:20;
}
.ca-lop-kit-table__empty td{
  padding:0;
  border-bottom:none;
}
.ca-lop-kit-table__empty .ca-lop-empty{
  padding:48px 24px;
}

.ca-lop-kit-table-hint{
  display:none;
  margin:0;
}

/* List view table — keep columns/rows on narrow screens (horizontal scroll) */
@media (max-width:900px){
  .ca-lop-kit-listing[data-view="list"] .ca-lop-kit-table-hint{
    display:block;
    text-align:center;
    font-size:11px;
    color:var(--ca-t-gray-400, #9ca3af);
    padding:0 12px 8px;
  }
  .ca-lop-kit-listing[data-view="list"] .ca-lop-kit-table-wrap{
    --ca-kit-table-min-w:726px;
    position:relative;
    background:
      linear-gradient(to right,var(--ca-s-white, #ffffff) 0,var(--ca-s-white, #ffffff) 70%,var(--ca-s-white-a85, rgba(255,255,255,.85)) 88%,rgba(255,255,255,0) 100%) right center/40px 100% no-repeat,
      var(--ca-s-white, #ffffff);
    background-attachment:local, scroll;
  }
  .ca-lop-kit-listing[data-view="list"] .ca-lop-kit-table__col-surface{
    width:140px;
    min-width:140px;
  }
  .ca-lop-kit-listing[data-view="list"] .ca-lop-kit-table{
    table-layout:fixed;
    width:var(--ca-kit-table-min-w);
    min-width:var(--ca-kit-table-min-w);
    max-width:none;
  }
  .ca-lop-kit-listing[data-view="list"] .ca-lop-kit-table thead th,
  .ca-lop-kit-listing[data-view="list"] .ca-lop-kit-table tbody td{
    padding:10px 12px;
    font-size:13px;
  }
  .ca-lop-kit-listing[data-view="list"] .ca-lop-kit-table thead th{
    font-size:10px;
  }
  .ca-lop-kit-listing[data-view="list"] .ca-lop-kit-table thead th:first-child,
  .ca-lop-kit-listing[data-view="list"] .ca-lop-kit-table tbody td:first-child{
    position:sticky;
    left:0;
    z-index:2;
    background:var(--ca-s-white, #ffffff);
    box-shadow:4px 0 8px -4px rgba(15,23,42,.12);
    padding-left:8px;
    padding-right:8px;
  }
  .ca-lop-kit-listing[data-view="list"] .ca-lop-kit-table thead th:first-child{
    z-index:3;
    background:var(--ca-s-gray-50, #f9fafb);
  }
  .ca-lop-kit-listing[data-view="list"] .ca-lop-kit-table__row:hover td:first-child,
  .ca-lop-kit-listing[data-view="list"] .ca-lop-kit-table__row:hover td.ca-lop-kit-table__surface{
    background:var(--ca-s-zinc-50, #fafafa);
  }
}

/* Kit cards grid */
.ca-lop-kit-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

/* Individual kit card */
.ca-lop-kit-card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:20px;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
  transition:box-shadow .15s;
  position:relative;
}
.ca-lop-kit-card:hover{
  box-shadow:0 4px 12px rgba(0,0,0,.1);
}
.ca-lop-kit-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}
.ca-lop-kit-card__badges{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.ca-lop-kit-card__badge{
  font-size:10px;
  font-weight:700;
  padding:3px 8px;
  border-radius:4px;
  text-transform:uppercase;
  letter-spacing:.3px;
}
.ca-lop-kit-card__badge--draft{
  background:var(--ca-s-amber-100, #fef3c7);
  color:var(--ca-t-amber-600, #d97706);
}
.ca-lop-kit-card__badge--published{
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-600, #16a34a);
}
.ca-lop-kit-card__badge--cloud{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-600, #2563eb);
}
.ca-lop-kit-card__badge--active{
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-700, #15803d);
}
.ca-lop-kit-card__badge--inactive{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-lop-kit-card__menu.ca-btn{
  font-size:12.5px;
  font-weight:500;
  line-height:1.2;
  padding:6px 12px;
  gap:6px;
  color:var(--ca-t-gray-900, #111827);
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:10px;
  white-space:nowrap;
  transition:background .15s, border-color .15s, color .15s;
}
.ca-lop-kit-card__menu.ca-btn:hover{
  background:var(--ca-s-gray-50, #f9fafb);
  border-color:var(--ca-s-gray-400, #9ca3af);
  color:var(--ca-t-gray-900, #111827);
}
.ca-lop-kit-card__menu-wrap{
  position:relative;
}
.ca-lop-kit-dropdown{
  display:none;
  position:absolute;
  top:100%;
  right:0;
  margin-top:4px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  min-width:120px;
  z-index:50;
  padding:4px 0;
}
.ca-lop-kit-dropdown.is-open{
  display:block;
}
.ca-lop-kit-dropdown.is-fixed{
  position:fixed;
  z-index:10050;
  margin-top:0;
}
.ca-kit-link-project__hint{
  margin:0 0 16px;
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.45;
}
.ca-kit-link-project__select{
  width:100%;
  box-sizing:border-box;
}
.ca-kit-link-project__error{
  margin:12px 0 0;
  font-size:13px;
  color:var(--ca-t-red-600, #dc2626);
}
.ca-lop-kit-dropdown__item{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  box-sizing:border-box;
  padding:8px 14px;
  border:none;
  background:none;
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
  white-space:nowrap;
  text-align:left;
  text-decoration:none;
}
a.ca-lop-kit-dropdown__item:hover{
  color:var(--ca-t-gray-700, #374151);
}
.ca-lop-kit-dropdown__item:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-lop-kit-dropdown__sep{
  height:1px;
  margin:4px 0;
  background:var(--ca-s-gray-200, #e5e7eb);
}
.ca-lop-kit-dropdown__item--danger{
  color:var(--ca-t-red-600, #dc2626);
}
.ca-lop-kit-dropdown__item--danger:hover{
  background:var(--ca-s-red-50, #fef2f2);
}
/* Existing uploaded files on edit forms */
.ca-existing-files{
  margin:8px 0 12px;
  padding:10px 12px;
  background:var(--ca-s-gray-50, #f9fafb);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
}
.ca-existing-files .ca-kit-form__label{
  display:block;
  margin-bottom:4px;
}
.ca-existing-files .ca-kit-form__helper{
  display:block;
  margin-bottom:8px;
}
.ca-existing-files__list{
  list-style:none;
  margin:0;
  padding:0;
}
.ca-existing-files__item{
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 0;
  border-bottom:1px solid var(--ca-s-xeef0f3, #eef0f3);
}
.ca-existing-files__item:last-child{
  border-bottom:none;
}
.ca-existing-files__link{
  flex:1;
  font-size:13px;
  color:var(--ca-t-indigo-500, #6366f1);
  word-break:break-all;
  text-decoration:none;
}
.ca-existing-files__link:hover{
  text-decoration:underline;
}
.ca-existing-files__remove{
  flex-shrink:0;
  width:24px;
  height:24px;
  border:none;
  border-radius:4px;
  background:var(--ca-s-red-100, #fee2e2);
  color:var(--ca-t-red-700, #b91c1c);
  font-size:16px;
  line-height:1;
  cursor:pointer;
}
.ca-existing-files__remove:hover{
  background:var(--ca-s-red-200, #fecaca);
}
#caWizardSurfaceSelect:disabled{
  opacity:0.65;
  cursor:not-allowed;
  background:var(--ca-s-gray-100, #f3f4f6);
}
/* Kit view modal content */
.ca-kit-view__meta{
  font-size:15px;
  margin-bottom:12px;
}
.ca-kit-view__status{
  font-weight:600;
}
.ca-kit-view__user{
  margin-bottom:16px;
  padding-bottom:12px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  line-height:1.5;
}
.ca-kit-view__dl{
  display:grid;
  grid-template-columns:minmax(120px,28%) 1fr;
  gap:10px 20px;
  margin:0;
  font-size:14px;
}
.ca-kit-view__dl dt{
  margin:0;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
.ca-kit-view__dl dd{
  margin:0;
  color:var(--ca-t-gray-900, #111827);
  word-break:break-word;
  overflow-wrap:anywhere;
  min-width:0;
}
.ca-kit-view__dl dd a{
  color:var(--ca-t-indigo-600, #4f46e5);
  word-break:break-all;
}
.ca-kit-view__heading{
  font-weight:700;
  font-size:14px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  padding-bottom:4px;
  margin-top:8px;
  grid-column:1/-1;
}
@media(max-width:600px){
  .ca-kit-view__dl{
    grid-template-columns:1fr;
  }
  .ca-kit-view__dl dt{
    padding-bottom:0;
  }
}
.ca-lop-kit-card__title{
  font-size:15px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 4px;
  line-height:1.3;
}
.ca-lop-kit-card__deal{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 12px;
}
.ca-lop-kit-card__dates{
  font-size:12px;
  color:var(--ca-t-gray-400, #9ca3af);
  margin-bottom:6px;
}
.ca-lop-kit-card__dates span{
  display:flex;
  align-items:center;
  gap:4px;
  margin-bottom:2px;
}
.ca-lop-kit-card__author{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  display:flex;
  align-items:center;
  gap:4px;
}
.ca-lop-kit-card__requested-for{
  font-size:11px;
  color:var(--ca-t-indigo-600, #4f46e5);
  display:flex;
  align-items:center;
  gap:4px;
  margin-top:2px;
}
.ca-lop-kit-card__requested-by{
  font-size:11px;
  color:var(--ca-t-violet-500, #8b5cf6);
  display:flex;
  align-items:center;
  gap:4px;
  margin-top:2px;
}

/* New-Kit Type Selection Modal */
.ca-modal__panel--compact{
  width:min(520px, 92vw);
  padding:24px 28px;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-modal__panel--compact *,
.ca-modal__panel--form *{
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-modal__panel--compact .ca-modal__top{
  padding:0;
  border-bottom:none;
  margin-bottom:12px;
  justify-content:space-between;
  align-items:flex-start;
}
.ca-modal__panel--compact .ca-modal__close,
.ca-modal__panel--form .ca-modal__close{
  position:static;
  width:32px;
  height:32px;
  border-radius:50%;
  border:0;
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  flex-shrink:0;
  font-size:18px;
  line-height:1;
}
.ca-modal__panel--compact .ca-modal__close:hover,
.ca-modal__panel--form .ca-modal__close:hover{
  background:var(--ca-s-gray-200, #e5e7eb);
  color:var(--ca-t-gray-900, #111827);
}
.ca-modal__panel--compact .ca-modal__body{
  padding:0;
}
.ca-modal__panel--compact .ca-modal__step,
.ca-modal__panel--form .ca-modal__step{
  font-size:18px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-modal__subtitle{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:4px 0 0;
  font-weight:400;
}
.ca-modal__subtitle--green{
  color:var(--ca-t-green-600, #16a34a);
}
.ca-kit-type-list{
  display:flex;
  flex-direction:column;
  gap:0;
  padding:0;
}
.ca-kit-type-option{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 16px;
  border:none;
  background:none;
  cursor:pointer;
  text-align:left;
  border-bottom:1px solid var(--ca-s-gray-100, #f3f4f6);
  transition:background .12s;
  width:100%;
}
.ca-kit-type-option:last-child{
  border-bottom:none;
}
.ca-kit-type-option:hover{
  background:var(--ca-s-gray-50, #f9fafb);
}
.ca-kit-type-option__icon{
  width:42px;
  height:42px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.ca-kit-type-option__icon--orange{ background:var(--ca-s-orange-50, #fff7ed); color:var(--ca-t-orange-500, #f97316); }
.ca-kit-type-option__icon--blue{ background:var(--ca-s-blue-50, #eff6ff); color:var(--ca-t-blue-500, #3b82f6); }
.ca-kit-type-option__icon--green{ background:var(--ca-s-green-50, #f0fdf4); color:var(--ca-t-green-500, #22c55e); }
.ca-kit-type-option__text{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.ca-kit-type-option__text strong{
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-kit-type-option__text span{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.4;
}
.ca-kit-type-option__arrow{
  flex-shrink:0;
}

/* ── Surface Catalog Modal ── */
#caSurfaceCatalogModal .ca-modal__panel{
  padding:28px 36px;
}
#caSurfaceCatalogModal .ca-modal__panel > .ca-modal__top{
  display:block;
  position:relative;
  margin-bottom:0;
  padding:0;
  padding-right:0;
  border-bottom:none;
}
.ca-surface-catalog__header{
  min-width:0;
  width:100%;
}
.ca-surface-catalog__top-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  margin-bottom:8px;
}
#caSurfaceCatalogModal .ca-modal__panel > .ca-modal__top .ca-surface-catalog__top-row > .ca-modal__close{
  position:static;
  flex-shrink:0;
  transform:none;
  top:auto;
  right:auto;
  z-index:auto;
  width:32px;
  height:32px;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--ca-s-gray-100, #f3f4f6);
  border:0;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:20px;
  cursor:pointer;
  padding:0;
  line-height:1;
  box-shadow:none;
}
#caSurfaceCatalogModal .ca-modal__panel > .ca-modal__top .ca-surface-catalog__top-row > .ca-modal__close:hover{
  background:var(--ca-s-gray-200, #e5e7eb);
  color:var(--ca-t-gray-900, #111827);
  border-color:transparent;
  box-shadow:none;
}
.ca-surface-catalog__badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:linear-gradient(135deg,var(--ca-s-violet-100, #ede9fe),var(--ca-s-sky-100, #e0f2fe));
  color:var(--ca-t-violet-700, #6d28d9);
  padding:5px 14px;
  border-radius:20px;
  font-size:13px;
  font-weight:600;
  margin-bottom:0;
}
.ca-surface-catalog__badge svg{ width:14px; height:14px; }
.ca-surface-catalog__title{
  font-size:24px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 4px;
}
.ca-surface-catalog__subtitle{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
}
.ca-surface-catalog__list{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-bottom:20px;
}
.ca-surface-catalog__card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  transition:border-color .15s, box-shadow .15s;
  box-sizing:border-box;
  max-width:100%;
  min-width:0;
}
.ca-surface-catalog__card:hover{
  border-color:var(--ca-s-indigo-200, #c7d2fe);
  box-shadow:0 2px 8px rgba(99,102,241,.08);
}
.ca-surface-catalog__card-left{
  display:flex;
  align-items:center;
  gap:14px;
  flex:1;
  min-width:0;
}
.ca-surface-catalog__card-icon{
  width:44px;
  height:44px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  background:var(--ca-s-violet-50, #f5f3ff);
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-surface-catalog__card-body{ flex:1; min-width:0; }
.ca-surface-catalog__card-header{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:2px;
}
.ca-surface-catalog__card-title{
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-surface-catalog__card-desc{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
  line-height:1.4;
}
.ca-surface-catalog__tag{
  display:inline-block;
  font-size:11px;
  font-weight:600;
  padding:2px 8px;
  border-radius:10px;
}
.ca-surface-catalog__tag--green{ background:var(--ca-s-green-100, #dcfce7); color:var(--ca-t-green-700, #15803d); }
.ca-surface-catalog__tag--blue{ background:var(--ca-s-blue-100, #dbeafe); color:var(--ca-t-blue-700, #1d4ed8); }
.ca-surface-catalog__tag--purple{ background:var(--ca-s-violet-100, #ede9fe); color:var(--ca-t-violet-700, #6d28d9); }
.ca-surface-catalog__tag--orange{ background:var(--ca-s-orange-100, #ffedd5); color:var(--ca-t-orange-700, #c2410c); }
.ca-surface-catalog__meta{
  display:inline-flex;
  align-items:center;
  gap:3px;
  font-size:11px;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-surface-catalog__card-cta{
  flex-shrink:0;
  background:linear-gradient(135deg,var(--ca-s-violet-700, #6d28d9),var(--ca-s-indigo-600, #4f46e5));
  color:var(--ca-t-white, #ffffff);
  border:none;
  padding:9px 20px;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
  transition:opacity .15s;
}
.ca-surface-catalog__card-cta:hover{ opacity:.9; }
.ca-surface-catalog__footer{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  padding-top:16px;
  border-top:1px solid var(--ca-s-gray-100, #f3f4f6);
}
.ca-surface-catalog__footer-link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 16px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  background:var(--ca-s-zinc-50, #fafafa);
  cursor:pointer;
  text-align:left;
  transition:background .12s;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-surface-catalog__footer-link:hover{ background:var(--ca-s-gray-100, #f3f4f6); }
.ca-surface-catalog__footer-link strong{
  font-family:inherit;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  display:block;
}
.ca-surface-catalog__footer-link span{
  font-family:inherit;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.3;
}
.ca-surface-catalog__footer-link > svg:first-child{
  flex-shrink:0;
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-surface-catalog__arrow{
  margin-left:auto;
  flex-shrink:0;
  color:var(--ca-t-gray-400, #9ca3af);
}

/* ── Surface Request Wizard ── */
.ca-wizard-panel{
  padding:28px 0;
}
.ca-modal__panel.ca-wizard-panel .ca-modal__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:4px;
  padding:0 36px;
  border-bottom:none;
  position:relative;
  padding-right:36px;
}
.ca-modal__panel.ca-wizard-panel > .ca-modal__top > .ca-modal__close{
  position:static;
  flex-shrink:0;
  transform:none;
  top:auto;
  right:auto;
  z-index:auto;
  width:32px;
  height:32px;
  margin-top:2px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--ca-s-gray-100, #f3f4f6);
  border:0;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:20px;
  cursor:pointer;
  padding:0;
  line-height:1;
  box-shadow:none;
}
.ca-modal__panel.ca-wizard-panel > .ca-modal__top > .ca-modal__close:hover{
  background:var(--ca-s-gray-200, #e5e7eb);
  color:var(--ca-t-gray-900, #111827);
  border-color:transparent;
  box-shadow:none;
}
.ca-wizard-panel .ca-wizard__progress{
  margin:0 36px 20px;
}
.ca-wizard-panel .ca-modal__body{
  padding:0 36px;
}
.ca-wizard__title{
  font-size:18px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0;
}
.ca-wizard__step-label{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:2px 0 0;
}
.ca-wizard__progress{
  height:5px;
  background:var(--ca-s-gray-200, #e5e7eb);
  border-radius:3px;
  overflow:hidden;
  margin:0 0 16px;
  flex-shrink:0;
}
.ca-wizard__progress-bar{
  height:100%;
  background:linear-gradient(90deg,var(--ca-s-violet-600, #7c3aed),var(--ca-s-indigo-500, #6366f1),var(--ca-s-blue-500, #3b82f6));
  border-radius:3px;
  transition:width .35s ease;
}
.ca-wizard__step .ca-kit-form__row + .ca-kit-form__row{
  margin-top:14px;
}
.ca-wizard__section-title{
  font-size:16px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 6px;
}
.ca-wizard__section-desc{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 20px;
}
.ca-wizard__meta-fields{
  margin-bottom:20px;
  padding-bottom:20px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-wizard__meta-fields-inner{
  margin-bottom:0;
}
.ca-wizard-field__header{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin-bottom:4px;
}
.ca-wizard-field__label-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:0;
}
.ca-wizard-field__label-row .ca-kit-form__label{
  flex:1;
  min-width:0;
  display:inline;
  line-height:1.35;
}
.ca-wizard-field__label-row .ca-req,
.ca-wizard-field__label-row .ca-kit-form__optional{
  display:inline;
  white-space:nowrap;
}
.ca-wizard-field__header .ca-kit-form__helper{
  margin-top:0;
}
.ca-wizard__ai-suggest{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 11px;
  border:none;
  border-radius:7px;
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
  font-size:12px;
  font-weight:600;
  font-family:inherit;
  cursor:pointer;
  flex-shrink:0;
  white-space:nowrap;
}
.ca-wizard__ai-suggest:hover:not(:disabled){
  background:var(--ca-s-violet-700, #6d28d9);
}
.ca-wizard__ai-suggest:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.ca-wizard__ai-suggest.is-loading{
  opacity:.75;
}
.ca-wizard-field__suggest-error{
  margin:6px 0 0;
  font-size:12px;
  line-height:1.4;
  color:var(--ca-t-red-700, #b91c1c);
}
.ca-wizard-field__suggest-error[hidden]{
  display:none !important;
}

/* Step 2 surface type cards */
.ca-wizard__surface-options{
  display:flex;
  flex-direction:column;
  gap:10px;
}
label.ca-wizard__surface-option,
.ca-wizard__surface-option{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:14px !important;
  padding:14px 18px;
  border:2px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  cursor:pointer;
  transition:border-color .15s, box-shadow .15s;
  position:relative;
  margin:0;
}
.ca-wizard__surface-option:hover{
  border-color:var(--ca-s-indigo-200, #c7d2fe);
}
.ca-wizard__surface-option.is-selected{
  border-color:var(--ca-s-violet-700, #6d28d9);
  box-shadow:0 0 0 1px var(--ca-s-violet-700, #6d28d9);
  background:var(--ca-s-purple-50, #faf5ff);
}
.ca-wizard__surface-radio{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.ca-wizard__surface-option-icon{
  width:40px;
  height:40px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  background:var(--ca-s-violet-50, #f5f3ff);
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-wizard__surface-option-text{
  flex:1;
  min-width:0;
  text-align:left;
}
.ca-wizard__surface-option-text strong{
  display:block;
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-wizard__surface-option-text span{
  font-size:12.5px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.4;
}
.ca-wizard__surface-check{
  flex-shrink:0;
  width:28px;
  height:28px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:opacity .15s;
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-wizard__surface-option.is-selected .ca-wizard__surface-check{
  opacity:1;
}

/* Step 3 fields container */
#caWizardFormFields{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ca-kit-form__field .ca-kit-form__helper{
  font-size:11.5px;
  color:var(--ca-t-gray-400, #9ca3af);
  margin-top:1px;
}
.ca-kit-form__optional{
  font-weight:400;
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:12px;
}
.ca-kit-form__radio-group,
.ca-kit-form__check-group{
  display:flex;
  flex-direction:column;
  gap:0;
}
.ca-kit-form__radio-card{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:10px;
  padding:12px 16px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:0;
  cursor:pointer;
  font-size:14px;
  font-weight:400;
  color:var(--ca-t-gray-800, #1f2937);
  transition:border-color .15s, background .15s;
  background:var(--ca-s-white, #ffffff);
}
.ca-kit-form__radio-card:first-child{
  border-radius:8px 8px 0 0;
}
.ca-kit-form__radio-card + .ca-kit-form__radio-card{
  border-top:none;
}
.ca-kit-form__radio-card:last-child{
  border-radius:0 0 8px 8px;
}
.ca-kit-form__radio-card:only-child{
  border-radius:8px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-kit-form__radio-card input[type="radio"]{
  accent-color:var(--ca-s-violet-600, #7c3aed);
}
.ca-kit-form__radio-card.is-checked,
.ca-kit-form__radio-card:has(input:checked){
  border-color:var(--ca-s-violet-600, #7c3aed);
  border-top:1px solid var(--ca-s-violet-600, #7c3aed);
  background:rgba(124,58,237,.03);
  position:relative;
  z-index:1;
}
.ca-kit-form__radio-dot{
  display:none;
}
.ca-kit-form__check-card{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:10px;
  padding:12px 16px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:0;
  cursor:pointer;
  font-size:14px;
  font-weight:400;
  color:var(--ca-t-gray-800, #1f2937);
  transition:border-color .15s, background .15s;
  background:var(--ca-s-white, #ffffff);
}
.ca-kit-form__check-card:first-child{
  border-radius:8px 8px 0 0;
}
.ca-kit-form__check-card + .ca-kit-form__check-card{
  border-top:none;
}
.ca-kit-form__check-card:last-child{
  border-radius:0 0 8px 8px;
}
.ca-kit-form__check-card:only-child{
  border-radius:8px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-kit-form__check-card input[type="checkbox"]{
  accent-color:var(--ca-s-violet-600, #7c3aed);
}
.ca-kit-form__check-card.is-checked,
.ca-kit-form__check-card:has(input:checked){
  border-color:var(--ca-s-violet-600, #7c3aed);
  border-top:1px solid var(--ca-s-violet-600, #7c3aed);
  background:rgba(124,58,237,.03);
  position:relative;
  z-index:1;
}

/* Wizard actions */
.ca-wizard__actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:18px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
  margin-top:20px;
}
.ca-wizard__back-link{
  display:inline-flex;
  align-items:center;
  gap:4px;
  background:none;
  border:none;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:13px;
  font-weight:500;
  cursor:pointer;
  padding:6px 4px;
  transition:color .12s;
}
.ca-wizard__back-link:hover{ color:var(--ca-t-gray-900, #111827); }
.ca-wizard__continue-btn,
.ca-wizard__submit-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:linear-gradient(135deg,var(--ca-s-violet-700, #6d28d9),var(--ca-s-indigo-600, #4f46e5));
  color:var(--ca-t-white, #ffffff);
  border:none;
  padding:10px 24px;
  border-radius:8px;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  transition:opacity .15s;
}
.ca-wizard__continue-btn:hover,
.ca-wizard__submit-btn:hover{ opacity:.9; }
.ca-wizard__continue-btn[hidden],
.ca-wizard__submit-btn[hidden]{ display:none; }
.ca-wizard__submit-btn{ background:linear-gradient(135deg,var(--ca-s-violet-600, #7c3aed),var(--ca-s-violet-700, #6d28d9)); }

/* Step 4 review */
.ca-wizard-review{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.ca-wizard-review__section{
  padding:16px 20px;
  background:var(--ca-s-gray-50, #f9fafb);
  border-radius:10px;
}
.ca-wizard-review__section--highlight{
  background:var(--ca-s-violet-50, #f5f3ff);
  border:1px solid var(--ca-s-violet-200, #ddd6fe);
}
.ca-wizard-review__heading{
  font-size:14px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 10px;
}
.ca-wizard-review__rows{
  display:flex;
  flex-direction:column;
  gap:0;
}
.ca-wizard-review__row{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
  padding:6px 0;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-wizard-review__row:last-child{ border-bottom:none; }
.ca-wizard-review__label{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  flex-shrink:0;
}
.ca-wizard-review__value{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  text-align:right;
  word-break:break-word;
}
.ca-wizard-review__surface-badge{
  display:flex;
  align-items:center;
  gap:12px;
}
.ca-wizard-review__surface-icon{
  width:40px;
  height:40px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-wizard-review__surface-info{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.ca-wizard-review__surface-info strong{
  font-size:15px;
  color:var(--ca-t-gray-900, #111827);
}
.ca-wizard-review__surface-info span{
  font-size:12.5px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-wizard-review__detail{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:8px 0;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-wizard-review__detail:last-child{ border-bottom:none; }
.ca-wizard-review__detail .ca-wizard-review__label{
  font-size:12px;
  font-weight:500;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-wizard-review__detail .ca-wizard-review__value{
  text-align:left;
  font-weight:500;
}
.ca-wizard-review__info-box{
  display:flex;
  gap:12px;
  padding:14px 18px;
  background:var(--ca-s-yellow-50, #fefce8);
  border:1px solid var(--ca-s-amber-200, #fde68a);
  border-radius:10px;
}
.ca-wizard-review__info-box svg{ flex-shrink:0; margin-top:2px; }
.ca-wizard-review__info-box strong{
  display:block;
  font-size:13px;
  color:var(--ca-t-amber-800, #92400e);
  margin-bottom:4px;
}
.ca-wizard-review__info-box p{
  font-size:12.5px;
  color:var(--ca-t-amber-900, #78350f);
  line-height:1.5;
  margin:0;
}

/* Responsive for wizard + catalog modals */
@media (max-width:768px){
  .ca-modal__panel--wide{
    width:100% !important;
    max-width:none;
    max-height:100vh;
    max-height:100dvh;
    border-radius:0;
  }
  .ca-modal__panel--wide .ca-modal__top{
    margin-bottom:10px;
    padding-bottom:10px;
  }

  /* ── Surface Catalog ── */
  #caSurfaceCatalogModal .ca-modal__panel{
    position:fixed;
    inset:0;
    width:100% !important;
    height:100% !important;
    max-width:none;
    max-height:none;
    border-radius:0;
    box-shadow:none;
    padding:0;
    display:flex;
    flex-direction:column;
  }
  #caSurfaceCatalogModal .ca-modal__top{
    flex-shrink:0;
    padding:14px 16px 0;
    padding-top:max(14px, env(safe-area-inset-top));
    margin-bottom:6px;
    padding-bottom:0;
    border-bottom:none;
    position:relative;
  }
  #caSurfaceCatalogModal .ca-modal__panel > .ca-modal__top .ca-surface-catalog__top-row > .ca-modal__close{
    width:30px;
    height:30px;
    font-size:16px;
  }
  .ca-surface-catalog__top-row{
    margin-bottom:6px;
  }
  #caSurfaceCatalogModal .ca-modal__body{
    flex:1;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    min-height:0;
    padding:0 16px;
    padding-bottom:max(16px, env(safe-area-inset-bottom));
    max-height:none !important;
  }
  .ca-surface-catalog__badge{
    font-size:12px;
    padding:4px 11px;
  }
  .ca-surface-catalog__title{
    font-size:21px;
    margin-bottom:2px;
  }
  .ca-surface-catalog__subtitle{
    font-size:13px;
  }
  .ca-surface-catalog__list{
    gap:10px;
    margin-bottom:14px;
  }
  .ca-surface-catalog__card{
    padding:14px;
    gap:12px;
  }
  .ca-surface-catalog__card-left{
    gap:12px;
    align-items:flex-start;
  }
  .ca-surface-catalog__card-icon{
    width:38px;
    height:38px;
    border-radius:8px;
  }
  .ca-surface-catalog__card-title{
    font-size:14px;
  }
  .ca-surface-catalog__card-desc{
    font-size:12px;
    line-height:1.35;
  }
  .ca-surface-catalog__card-header{
    gap:5px;
  }
  .ca-surface-catalog__card-cta{
    padding:7px 16px;
    font-size:12.5px;
    border-radius:8px;
  }
  .ca-surface-catalog__card--all{
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    min-width:0;
    max-width:100%;
    width:100%;
    box-sizing:border-box;
  }
  .ca-surface-catalog__card--all .ca-surface-catalog__card-left{
    width:100%;
    min-width:0;
  }
  .ca-surface-catalog__card--all .ca-surface-catalog__card-body{
    min-width:0;
  }
  .ca-surface-catalog__card--all .ca-surface-catalog__card-header{
    flex-wrap:wrap;
    row-gap:6px;
  }
  .ca-surface-catalog__card--all .ca-surface-catalog__card-cta{
    width:100%;
    max-width:100%;
    text-align:center;
    box-sizing:border-box;
    white-space:normal;
  }
  #caSurfaceCatalogModal .ca-surface-catalog__all-header{
    position:sticky;
    top:0;
    z-index:20;
    background:var(--ca-s-white, #ffffff);
    padding-bottom:10px;
    margin:0 -16px;
    padding-left:16px;
    padding-right:16px;
  }
  #caSurfaceCatalogModal .ca-surface-catalog__all-list{
    max-height:none;
    min-width:0;
  }
  #caSurfaceCatalogModal .ca-modal__body{
    overflow-x:hidden;
  }
  .ca-surface-catalog__tag{
    font-size:10px;
    padding:2px 7px;
  }
  .ca-surface-catalog__meta{
    font-size:10.5px;
  }
  .ca-surface-catalog__footer{
    grid-template-columns:1fr;
    gap:8px;
  }
  .ca-surface-catalog__footer-link{
    padding:12px 14px;
  }

  /* ── Wizard: full-screen shell ── */
  .ca-wizard-panel{
    position:fixed !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    border-radius:0 !important;
    padding:0 !important;
    display:flex;
    flex-direction:column;
  }
  .ca-wizard-panel .ca-modal__top{
    padding:14px 16px 0;
    padding-top:max(14px, env(safe-area-inset-top));
    margin-bottom:4px;
    flex-shrink:0;
  }
  .ca-wizard-panel .ca-wizard__progress{
    margin:0 16px 0;
    flex-shrink:0;
  }
  .ca-modal__panel.ca-wizard-panel > .ca-modal__top > .ca-modal__close{
    width:30px;
    height:30px;
    margin-top:0;
  }

  /* Body becomes a flex column so we can split scroll area from actions */
  .ca-wizard-panel .ca-modal__body{
    flex:1;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    padding:0;
    min-height:0;
    max-height:none !important;
  }

  /* Form fills the body, also a flex column */
  .ca-wizard-panel .ca-modal__form{
    flex:1;
    display:flex;
    flex-direction:column;
    min-height:0;
    overflow:hidden;
    gap:0;
  }

  /* Each step is the scrollable area */
  .ca-wizard-panel .ca-wizard__step{
    flex:1;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    min-height:0;
    padding:16px 16px 8px;
  }

  /* Status notice: compact, doesn't grow */
  .ca-wizard-panel .ca-modal__notice{
    flex-shrink:0;
    padding:0 16px;
    margin:0;
  }

  /* Actions pinned at bottom, never scrolls */
  .ca-wizard__actions{
    flex-shrink:0;
    border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
    padding:12px 16px;
    padding-bottom:max(12px, env(safe-area-inset-bottom));
    background:var(--ca-s-white, #ffffff);
    z-index:5;
    gap:8px;
    margin-top:0;
  }

  .ca-wizard__title{
    font-size:17px;
  }
  .ca-wizard__section-title{
    font-size:15px;
  }
  .ca-wizard__section-desc{
    font-size:12.5px;
    margin-bottom:16px;
  }
  .ca-kit-form__row{
    flex-direction:column;
  }
  .ca-wizard__surface-option{
    padding:12px 14px !important;
    gap:12px !important;
    border-radius:10px;
  }
  .ca-wizard__surface-option-icon{
    width:40px;
    height:40px;
  }
  .ca-wizard__surface-option-text strong{
    font-size:14px;
  }
  .ca-wizard__surface-option-text span{
    font-size:12px;
  }
  .ca-wizard__continue-btn,
  .ca-wizard__submit-btn{
    padding:10px 20px;
    font-size:13px;
    border-radius:8px;
  }
  .ca-wizard__back-link{
    font-size:12.5px;
  }
  .ca-wizard-review__section{
    padding:14px 16px;
  }
  .ca-wizard-review__heading{
    font-size:13px;
  }
  .ca-wizard-review__label{
    font-size:12px;
  }
  .ca-wizard-review__value{
    font-size:12.5px;
  }
  .ca-wizard-review__surface-icon{
    width:36px;
    height:36px;
  }
  .ca-wizard-review__surface-info strong{
    font-size:14px;
  }
  .ca-wizard-review__surface-info span{
    font-size:12px;
  }
  .ca-wizard-review__info-box{
    padding:12px 14px;
  }
  .ca-kit-form__field input,
  .ca-kit-form__field select,
  .ca-kit-form__field textarea{
    font-size:16px;
  }
}
@media (max-width:480px){
  #caSurfaceCatalogModal .ca-modal__top{
    padding:10px 14px 0;
  }
  #caSurfaceCatalogModal .ca-modal__body{
    padding:0 14px;
    padding-bottom:max(14px, env(safe-area-inset-bottom));
  }
  #caSurfaceCatalogModal .ca-modal__panel > .ca-modal__top .ca-surface-catalog__top-row > .ca-modal__close{
    width:28px;
    height:28px;
  }
  .ca-surface-catalog__title{
    font-size:19px;
  }
  .ca-surface-catalog__subtitle{
    font-size:12px;
  }
  .ca-surface-catalog__badge{
    font-size:11px;
    padding:3px 10px;
  }
  .ca-surface-catalog__list{
    gap:8px;
  }
  .ca-surface-catalog__card{
    padding:12px;
    gap:10px;
  }
  .ca-surface-catalog__card-icon{
    width:34px;
    height:34px;
  }
  .ca-surface-catalog__card-title{
    font-size:13.5px;
  }
  .ca-surface-catalog__card-desc{
    font-size:11.5px;
  }
  .ca-surface-catalog__card-cta{
    font-size:12px;
    padding:6px 14px;
  }
  .ca-wizard-panel .ca-modal__top{
    padding:12px 14px 0;
  }
  .ca-wizard-panel .ca-wizard__progress{
    margin:0 14px 0;
  }
  .ca-wizard-panel .ca-wizard__step{
    padding:14px 14px 6px;
  }
  .ca-wizard__actions{
    padding:10px 14px;
    padding-bottom:max(10px, env(safe-area-inset-bottom));
  }
  .ca-wizard__title{
    font-size:16px;
  }
  .ca-wizard__section-title{
    font-size:14px;
  }
  .ca-wizard__section-desc{
    font-size:12px;
    margin-bottom:14px;
  }
  .ca-wizard__surface-option{
    padding:10px 12px !important;
    gap:10px !important;
  }
  .ca-wizard__surface-option-icon{
    width:36px;
    height:36px;
  }
  .ca-wizard__surface-option-text strong{
    font-size:13px;
  }
  .ca-wizard__surface-option-text span{
    font-size:11.5px;
  }
  .ca-wizard__continue-btn,
  .ca-wizard__submit-btn{
    padding:9px 16px;
    font-size:12.5px;
  }
  .ca-wizard-review__section{
    padding:12px;
  }
  .ca-wizard-review__row{
    flex-direction:column;
    gap:2px;
  }
  .ca-wizard-review__value{
    text-align:left;
  }
  .ca-wizard-panel .ca-modal__notice{
    padding:0 14px;
  }
}
@media (max-width:375px){
  #caSurfaceCatalogModal .ca-modal__top{
    padding:8px 12px 0;
  }
  #caSurfaceCatalogModal .ca-modal__body{
    padding:0 12px;
    padding-bottom:max(12px, env(safe-area-inset-bottom));
  }
  .ca-surface-catalog__title{
    font-size:18px;
  }
  .ca-surface-catalog__card{
    padding:10px;
    gap:8px;
  }
  .ca-surface-catalog__card-icon{
    width:32px;
    height:32px;
  }
  .ca-wizard-panel .ca-modal__top{
    padding:10px 12px 0;
  }
  .ca-wizard-panel .ca-wizard__progress{
    margin:0 12px 0;
  }
  .ca-wizard-panel .ca-wizard__step{
    padding:12px 12px 4px;
  }
  .ca-wizard__actions{
    padding:10px 12px;
    padding-bottom:max(10px, env(safe-area-inset-bottom));
  }
  .ca-wizard__title{
    font-size:15px;
  }
  .ca-wizard__section-title{
    font-size:13px;
  }
  .ca-wizard__surface-option{
    padding:10px !important;
  }
  .ca-wizard-review__section{
    padding:10px;
  }
  .ca-wizard-panel .ca-modal__notice{
    padding:0 12px;
  }
}

/* New-Kit Form Modal */
.ca-modal__panel--form{
  width:60vw;
  max-height:96vh;
  padding:20px 28px;
  display:flex;
  flex-direction:column;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-modal__panel--form .ca-modal__top{
  flex-shrink:0;
  margin-bottom:10px;
  padding:0;
  border-bottom:none;
  justify-content:space-between;
  align-items:flex-start;
}
.ca-modal__panel--form .ca-modal__step{
  font-size:16px;
}
.ca-modal__panel--form .ca-modal__subtitle{
  margin:2px 0 0;
  font-size:12px;
}
.ca-modal__panel--form .ca-modal__body{
  flex:1;
  overflow-y:auto;
  overflow-x:hidden;
  padding:0;
}
.ca-modal__panel--form .ca-modal__actions{
  margin-top:8px;
  padding-top:10px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-kit-form{
  display:flex;
  flex-direction:column;
  gap:10px;
}
#caKitFormFields{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ca-kit-form__row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.ca-kit-form__field{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding-bottom:12px;
}
.ca-kit-form__label{
  font-size:12.5px;
  font-weight:500;
  color:var(--ca-t-gray-700, #374151);
}
.ca-kit-form__tooltip{
  display:inline-flex;
  align-items:center;
  margin-left:4px;
  font-size:13px;
  line-height:1;
  color:var(--ca-t-gray-400, #9ca3af);
  cursor:help;
  font-weight:400;
  vertical-align:middle;
}
.ca-kit-form__tooltip:hover,
.ca-kit-form__tooltip:focus{
  color:var(--ca-t-gray-500, #6b7280);
  outline:none;
}
.ca-req{
  color:var(--ca-t-red-500, #ef4444);
}
.ca-kit-form__field input[type="text"],
.ca-kit-form__field input[type="url"],
.ca-kit-form__field input[type="email"],
.ca-kit-form__field input[type="number"],
.ca-kit-form__field input[type="tel"],
.ca-kit-form__field input[type="date"],
.ca-kit-form__field textarea,
.ca-kit-form__field select{
  padding:7px 11px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:6px;
  font-size:13px;
  color:var(--ca-t-gray-900, #111827);
  background:var(--ca-s-white, #ffffff);
  outline:none;
  transition:border-color .15s;
  font-family:inherit;
}
.ca-kit-form__field textarea{
  min-height:48px;
  resize:vertical;
}
.ca-kit-form__field input:focus,
.ca-kit-form__field textarea:focus,
.ca-kit-form__field select:focus{
  border-color:var(--ca-s-indigo-500, #6366f1);
  box-shadow:0 0 0 3px rgba(99,102,241,.1);
}
.ca-kit-form__field input::placeholder,
.ca-kit-form__field textarea::placeholder{
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:12.5px;
}
.ca-kit-date-field{
  position:relative;
  display:flex;
  align-items:stretch;
  width:100%;
}
.ca-kit-date-field__display{
  flex:1;
  min-width:0;
  padding:7px 11px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-right:none;
  border-radius:6px 0 0 6px;
  font-size:13px;
  color:var(--ca-t-gray-900, #111827);
  background:var(--ca-s-white, #ffffff);
  outline:none;
  font-family:inherit;
  cursor:default;
}
.ca-kit-date-field__display:focus{
  border-color:var(--ca-s-indigo-500, #6366f1);
  box-shadow:0 0 0 3px rgba(99,102,241,.1);
}
.ca-kit-date-field__trigger{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 40px;
  padding:0;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:0 6px 6px 0;
  background:var(--ca-s-gray-50, #f9fafb);
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.ca-kit-date-field__trigger:hover,
.ca-kit-date-field__trigger:focus{
  background:var(--ca-s-indigo-50, #eef2ff);
  border-color:var(--ca-s-indigo-500, #6366f1);
  color:var(--ca-t-indigo-500, #6366f1);
  outline:none;
}
.ca-kit-date-picker{
  position:fixed;
  width:280px;
  padding:12px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  box-shadow:0 12px 32px rgba(15,23,42,.14);
}
.ca-kit-date-picker__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}
.ca-kit-date-picker__title{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-kit-date-picker__nav{
  width:28px;
  height:28px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:6px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  font-size:16px;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ca-kit-date-picker__nav:hover:not(:disabled){
  border-color:var(--ca-s-indigo-500, #6366f1);
  color:var(--ca-t-indigo-500, #6366f1);
  background:var(--ca-s-indigo-50, #eef2ff);
}
.ca-kit-date-picker__nav:disabled{
  opacity:.35;
  cursor:not-allowed;
}
.ca-kit-date-picker__dow,
.ca-kit-date-picker__grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:2px;
}
.ca-kit-date-picker__dow{
  margin-bottom:4px;
}
.ca-kit-date-picker__dow span{
  text-align:center;
  font-size:11px;
  font-weight:600;
  color:var(--ca-t-gray-400, #9ca3af);
  padding:4px 0;
}
.ca-kit-date-picker__day{
  height:32px;
  border:none;
  border-radius:8px;
  background:transparent;
  font-size:12.5px;
  color:var(--ca-t-gray-900, #111827);
  cursor:pointer;
}
.ca-kit-date-picker__day:hover:not(.is-disabled):not(.is-empty){
  background:var(--ca-s-indigo-50, #eef2ff);
  color:var(--ca-t-indigo-700, #4338ca);
}
.ca-kit-date-picker__day.is-selected{
  background:var(--ca-s-indigo-500, #6366f1);
  color:var(--ca-t-white, #ffffff);
  font-weight:600;
}
.ca-kit-date-picker__day.is-disabled{
  color:var(--ca-t-gray-300, #d1d5db);
  cursor:not-allowed;
}
.ca-kit-date-picker__day.is-empty{
  pointer-events:none;
}
.ca-kit-date-picker__foot{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--ca-s-gray-100, #f3f4f6);
}
.ca-kit-date-picker__action{
  border:none;
  background:transparent;
  font-size:12px;
  font-weight:500;
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  padding:4px 6px;
  border-radius:6px;
}
.ca-kit-date-picker__action:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-900, #111827);
}
.ca-kit-date-picker__action--primary{
  color:var(--ca-t-indigo-500, #6366f1);
}
.ca-kit-date-picker__action--primary:hover{
  background:var(--ca-s-indigo-50, #eef2ff);
  color:var(--ca-t-indigo-700, #4338ca);
}
.ca-kit-form__file-wrap{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:6px;
  font-size:12.5px;
  color:var(--ca-t-gray-400, #9ca3af);
  background:var(--ca-s-white, #ffffff);
  cursor:pointer;
  overflow:hidden;
}
.ca-kit-form__file-wrap input[type="file"]{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.ca-kit-form__file-wrap span:first-of-type{
  font-weight:500;
  color:var(--ca-t-gray-700, #374151);
}
.ca-kit-form__file-wrap svg{
  margin-left:auto;
}
.ca-kit-form__file-label{
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-kit-form__file-list{
  list-style:none;
  margin:8px 0 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.ca-kit-form__file-list-item{
  padding:8px 10px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:6px;
  background:var(--ca-s-gray-50, #f9fafb);
  font-size:12.5px;
  color:var(--ca-t-gray-700, #374151);
  word-break:break-word;
}
.ca-kit-form__hint{
  font-size:12px;
  color:var(--ca-t-gray-400, #9ca3af);
  margin-top:2px;
}

/* Reference Links repeater */
.ca-ref-links-section{
  margin-top:8px;
  padding-top:14px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-ref-links-section__header{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin-bottom:10px;
}
.ca-ref-link-row{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0;
  padding:12px 14px 10px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  margin-bottom:8px;
  background:var(--ca-s-zinc-50, #fafafa);
}
.ca-ref-link-row .ca-kit-form__field{
  padding-bottom:8px;
}
.ca-ref-link-remove{
  position:absolute;
  top:8px;
  right:8px;
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:none;
  background:none;
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:18px;
  line-height:1;
  cursor:pointer;
  border-radius:4px;
  transition:color .15s,background .15s;
}
.ca-ref-link-remove:hover{
  color:var(--ca-t-red-500, #ef4444);
  background:var(--ca-s-red-50, #fef2f2);
}
.ca-ref-link-add{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:6px 12px;
  margin-bottom:10px;
  border:1px dashed var(--ca-s-indigo-200, #c7d2fe);
  border-radius:6px;
  background:var(--ca-s-violet-50, #f5f3ff);
  color:var(--ca-t-indigo-500, #6366f1);
  font-size:12.5px;
  font-weight:500;
  cursor:pointer;
  transition:background .15s,border-color .15s;
}
.ca-ref-link-add:hover{
  background:var(--ca-s-violet-100, #ede9fe);
  border-color:var(--ca-s-indigo-300, #a5b4fc);
}

/* Wizard upload progress bar */
.ca-wizard-upload-progress{
  margin:8px 0 4px;
}
.ca-wizard-upload-progress__label{
  display:flex;
  justify-content:space-between;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-bottom:4px;
}
.ca-wizard-upload-progress__track{
  width:100%;
  height:6px;
  background:var(--ca-s-gray-200, #e5e7eb);
  border-radius:3px;
  overflow:hidden;
}
.ca-wizard-upload-progress__bar{
  height:100%;
  width:0%;
  background:linear-gradient(90deg,var(--ca-s-indigo-500, #6366f1),var(--ca-s-indigo-400, #818cf8));
  border-radius:3px;
  transition:width .2s ease;
}

/* Brand asset three-dot dropdown */
.ca-brand-asset-card__menu-wrap{
  position:relative;
}
.ca-brand-asset-dropdown{
  display:none;
  position:absolute;
  top:100%;
  right:0;
  margin-top:4px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  box-shadow:0 4px 12px rgba(0,0,0,.1);
  z-index:10;
  min-width:140px;
  overflow:hidden;
}
.ca-brand-asset-dropdown.is-open{
  display:block;
}
.ca-brand-asset-dropdown__item{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  padding:8px 14px;
  border:none;
  background:none;
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
  text-align:left;
  white-space:nowrap;
  font-family:inherit;
  transition:background .12s;
}
.ca-brand-asset-dropdown__item:hover{
  background:var(--ca-s-gray-50, #f9fafb);
}
.ca-brand-asset-dropdown__item--danger{
  color:var(--ca-t-red-500, #ef4444);
}
.ca-brand-asset-dropdown__item--danger:hover{
  background:var(--ca-s-red-50, #fef2f2);
}

/* Brand asset empty state */
.ca-brand-assets__empty{
  text-align:center;
  padding:40px 20px;
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:14px;
}

/* Live One-Pagers responsive */
@media (max-width:900px){
  .ca-lop-stats:not(.ca-lop-stats--three){
    grid-template-columns:1fr 1fr;
  }
  .ca-lop-stats--three{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
  }
  .ca-lop-header{
    flex-direction:column;
  }
  .ca-lop-toolbar{
    flex-wrap:wrap;
  }
  .ca-lop-kit-cards{
    grid-template-columns:1fr 1fr;
  }
  .ca-kit-form__row{
    grid-template-columns:1fr;
  }
  .ca-modal__panel--form{
    width:90vw;
    max-height:96vh;
    padding:18px 20px;
  }
  .ca-modal__panel--compact{
    width:90vw;
  }
  .ca-brand-assets__header{
    flex-direction:column;
  }
  .ca-brand-assets__actions{
    width:100%;
  }
  .ca-brand-assets__actions .ca-btn{
    flex:1;
  }
  .ca-brand-assets__grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:768px){
  .ca-lop-body{
    padding:16px 12px 28px;
  }
  .ca-lop-header{
    margin-bottom:16px;
  }
  .ca-lop-header__title{
    font-size:19px;
  }
  .ca-lop-header__subtitle{
    font-size:13px;
  }
  .ca-lop-tabs{
    margin-bottom:16px;
  }
  .ca-lop-tabs__item{
    padding:8px 14px;
    font-size:12.5px;
    gap:5px;
  }
  .ca-lop-tabs__item svg{
    width:12px;
    height:12px;
  }
  .ca-lop-stats:not(.ca-lop-stats--three){
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:16px;
  }
  .ca-lop-stats--three{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-bottom:16px;
  }
  .ca-lop-stat{
    padding:14px 14px;
    border-radius:10px;
  }
  .ca-lop-stat__icon{
    width:28px;
    height:28px;
    border-radius:7px;
    margin-bottom:8px;
  }
  .ca-lop-stat__icon svg{
    width:15px;
    height:15px;
  }
  .ca-lop-stat__number{
    font-size:22px;
  }
  .ca-lop-stat__label{
    font-size:12px;
  }
  .ca-lop-stat__change{
    font-size:10.5px;
  }
  .ca-lop-info-banner{
    padding:12px 14px;
    margin-bottom:16px;
    font-size:12.5px;
    border-radius:8px;
  }
  .ca-lop-toolbar{
    padding:6px 8px;
    gap:8px;
    border-radius:8px;
    margin-bottom:12px;
  }
  .ca-lop-search__input{
    padding:7px 10px 7px 32px;
    font-size:12.5px;
  }
  .ca-lop-search__icon{
    left:10px;
  }
  .ca-lop-filter-select{
    padding:6px 26px 6px 10px;
    font-size:12px;
    border-radius:6px;
  }
  .ca-lop-refresh-btn{
    width:32px;
    height:32px;
    border-radius:6px;
  }
  .ca-lop-new-kit-btn{
    font-size:12.5px;
    padding:8px 12px;
    gap:5px;
  }
  .ca-lop-kit-cards{
    gap:12px;
  }
  .ca-lop-kit-card{
    padding:16px;
    border-radius:10px;
  }
  .ca-lop-kit-card__title{
    font-size:14px;
  }
  .ca-lop-kit-card__deal{
    font-size:12px;
  }
  .ca-lop-kit-card__dates{
    font-size:11px;
  }
  .ca-lop-kit-card__author{
    font-size:11px;
  }
  .ca-lop-kit-card__badge{
    font-size:10px;
    padding:2px 8px;
  }
  .ca-lop-empty{
    padding:32px 20px;
  }
  .ca-lop-empty__icon svg{
    width:36px;
    height:36px;
  }
  .ca-lop-empty__title{
    font-size:15px;
  }
  .ca-lop-empty__desc{
    font-size:12.5px;
  }
  .ca-lop-banner{
    padding:18px 16px;
    border-radius:12px;
    margin-bottom:16px;
  }
  .ca-lop-banner__heading{
    font-size:14px;
  }
  .ca-lop-banner__desc{
    font-size:12.5px;
  }
  .ca-lop-search-panel{
    padding:12px;
    border-radius:10px;
    margin-bottom:16px;
  }
  .ca-lop-filter-tabs{
    flex-wrap:wrap;
    gap:4px;
    padding-left:0;
    border-left:none;
    margin-top:8px;
    width:100%;
  }
  .ca-lop-filter-tabs__btn{
    font-size:11px;
    padding:5px 8px;
  }
  .ca-lop-creator-filter{
    font-size:12px;
  }
  .ca-brand-assets__title{
    font-size:17px;
  }
  .ca-brand-assets__desc{
    font-size:12.5px;
  }
  .ca-brand-assets__header-panel{
    padding:14px;
  }
  .ca-brand-assets__grid-panel{
    padding:14px;
  }
}
@media (max-width:540px){
  .ca-lop-stats:not(.ca-lop-stats--three){
    grid-template-columns:1fr 1fr;
  }
  .ca-lop-stats--three{
    grid-template-columns:1fr;
    gap:10px;
  }
  .ca-lop-body{
    padding:14px 10px 24px;
  }
  .ca-lop-kit-cards{
    grid-template-columns:1fr;
  }
  .ca-modal__panel--form{
    width:calc(100vw - 24px);
    max-height:calc(100vh - 24px);
    padding:14px 14px;
  }
  .ca-lop-banner{
    flex-direction:column;
    padding:16px 14px;
  }
  .ca-lop-banner__content{
    flex-direction:column;
  }
  .ca-lop-header__title{
    font-size:17px;
  }
  .ca-lop-header__subtitle{
    font-size:12px;
  }
  .ca-lop-tabs__item{
    padding:7px 10px;
    font-size:12px;
  }
  .ca-lop-stat{
    padding:12px;
  }
  .ca-lop-stat__number{
    font-size:20px;
  }
  .ca-lop-stat__label{
    font-size:11.5px;
  }
  .ca-lop-info-banner{
    padding:10px 12px;
    font-size:12px;
  }
  .ca-lop-toolbar{
    padding:6px;
    gap:6px;
  }
  .ca-lop-filter-select{
    padding:5px 24px 5px 8px;
    font-size:11.5px;
  }
  .ca-lop-filter-user{
    width:100%;
  }
  .ca-lop-filter-user .ca-lop-filter-select{
    flex:1;
  }
  .ca-lop-new-kit-btn{
    width:100%;
    justify-content:center;
    font-size:12.5px;
  }
  .ca-lop-kit-card{
    padding:14px;
  }
  .ca-lop-kit-card__title{
    font-size:13.5px;
  }
  .ca-lop-kit-card__deal{
    font-size:11.5px;
  }
  .ca-lop-kit-card__dates{
    font-size:10.5px;
  }
  .ca-lop-kit-card__author{
    font-size:10.5px;
  }
}
@media (max-width:375px){
  .ca-lop-body{
    padding:10px 6px 20px;
  }
  .ca-lop-header__title{
    font-size:16px;
  }
  .ca-lop-header__subtitle{
    font-size:11.5px;
  }
  .ca-lop-tabs__item{
    padding:6px 8px;
    font-size:11.5px;
  }
  .ca-lop-stats{
    gap:8px;
  }
  .ca-lop-stat{
    padding:10px;
  }
  .ca-lop-stat__icon{
    width:26px;
    height:26px;
    margin-bottom:6px;
  }
  .ca-lop-stat__number{
    font-size:18px;
  }
  .ca-lop-stat__label{
    font-size:11px;
  }
  .ca-lop-stat__change{
    font-size:10px;
  }
  .ca-lop-info-banner{
    padding:8px 10px;
    font-size:11.5px;
  }
  .ca-lop-toolbar{
    padding:4px;
  }
  .ca-lop-search__input{
    font-size:12px;
    padding:6px 8px 6px 28px;
  }
  .ca-lop-kit-card{
    padding:12px;
  }
  .ca-lop-kit-card__title{
    font-size:13px;
  }
}

/* ══════ Atlas Surfaces — mobile & tablet responsive ══════ */

/* DNA / Atlas Surfaces topbar: hamburger + title + actions on one row (sidebar collapsed) */
@media (max-width:1100px){
  .ca-dashboard__topbar--dna{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:
      "menu hint actions"
      "cta cta cta";
    align-items:center;
    gap:8px 12px;
    min-height:auto;
    padding:10px 14px;
  }
  .ca-dashboard__topbar--dna .ca-dashboard__menu-toggle{
    grid-area:menu;
    flex-shrink:0;
  }
  .ca-dashboard__topbar--dna .ca-dna-topbar-hint{
    grid-area:hint;
    flex:none;
    width:auto;
    min-width:0;
    margin-right:0;
    align-items:center;
  }
  .ca-dashboard__topbar--dna .ca-dna-topbar-hint__icon{
    width:34px;
    height:34px;
    border-radius:8px;
  }
  .ca-dashboard__topbar--dna .ca-dna-topbar-hint__icon svg{
    width:18px;
    height:18px;
  }
  .ca-dashboard__topbar--dna .ca-dna-topbar-hint__title{
    font-size:13px;
    letter-spacing:.03em;
  }
  .ca-dashboard__topbar--dna .ca-dna-topbar-hint__subtitle{
    font-size:12px;
    line-height:1.35;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .ca-dashboard__topbar--dna .ca-dashboard__topbar-right{
    display:contents;
  }
  .ca-dashboard__topbar--dna .ca-dashboard__topbar-page-actions{
    grid-area:cta;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    width:100%;
    justify-content:stretch;
  }
  .ca-dashboard__topbar--dna .ca-dashboard__actions{
    grid-area:actions;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    margin-left:0;
    flex-shrink:0;
  }
  .ca-lop-tabs{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    flex-wrap:nowrap;
  }
  .ca-lop-tabs::-webkit-scrollbar{
    display:none;
  }
  .ca-lop-tabs__item{
    flex-shrink:0;
  }
}

/* Tablet: keep CTA inline beside profile instead of full-width second row */
@media (max-width:1100px) and (min-width:769px){
  .ca-dashboard__topbar--dna{
    grid-template-areas:"menu hint actions";
    grid-template-columns:auto minmax(0,1fr) auto;
  }
  .ca-dashboard__topbar--dna .ca-dashboard__topbar-right{
    display:flex;
    grid-area:actions;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    width:auto;
    margin-left:0;
  }
  .ca-dashboard__topbar--dna .ca-dashboard__topbar-page-actions{
    grid-area:unset;
    width:auto;
    flex-shrink:0;
  }
  .ca-dashboard__topbar--dna .ca-dashboard__topbar-page-actions .ca-btn,
  .ca-dashboard__topbar--dna .ca-dashboard__topbar-page-actions .ca-dna-new-product-wrap{
    width:auto;
    white-space:nowrap;
    font-size:12px;
    padding:7px 12px;
  }
  .ca-dashboard__topbar--dna .ca-dashboard__actions{
    grid-area:unset;
  }
  .ca-lop-stats--three{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .ca-lop-toolbar .ca-lop-filter-select{
    flex:1 1 auto;
    min-width:120px;
  }
}

/* Phone: full-width primary CTA under title row; compact toolbar */
@media (max-width:768px){
  .ca-dashboard__topbar--dna .ca-dna-topbar-hint__subtitle{
    display:none;
  }
  .ca-dashboard__topbar--dna .ca-dashboard__topbar-page-actions .ca-btn,
  .ca-dashboard__topbar--dna .ca-dashboard__topbar-page-actions .ca-dna-new-product-wrap{
    flex:1 1 100%;
    width:100%;
    justify-content:center;
  }
  .ca-lop-stats--three{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .ca-lop-stat{
    padding:12px 10px;
  }
  .ca-lop-stat__number{
    font-size:20px;
  }
  .ca-lop-stat__label{
    font-size:11px;
  }
  .ca-lop-stat__change{
    font-size:10px;
  }
  .ca-lop-toolbar .ca-lop-filter-select{
    flex:1 1 calc(50% - 5px);
    min-width:0;
    max-width:calc(50% - 5px);
  }
  .ca-lop-toolbar .ca-lop-view-toggle{
    margin-left:auto;
  }
  .ca-lop-toolbar .ca-lop-refresh-btn{
    flex-shrink:0;
  }
  .ca-as-call-banner{
    flex-wrap:wrap;
    padding:12px 14px;
    margin-bottom:14px;
    max-width:none;
  }
  .ca-as-call-banner__text{
    flex:1 1 200px;
    min-width:0;
  }
  .ca-as-call-banner__btn{
    flex-shrink:0;
  }
}

@media (max-width:480px){
  .ca-dashboard__topbar--dna{
    padding:8px 10px;
    gap:6px 10px;
  }
  .ca-dashboard__topbar--dna .ca-dna-topbar-hint__title{
    font-size:12px;
  }
  .ca-lop-stats--three{
    grid-template-columns:1fr;
  }
  .ca-lop-toolbar .ca-lop-filter-select{
    flex:1 1 100%;
    max-width:100%;
  }
  .ca-lop-toolbar .ca-lop-view-toggle{
    margin-left:0;
  }
  .ca-lop-kit-card__dates span{
    margin-bottom:4px;
  }
}

/* ===== Opportunities Page ===== */
.ca-opp-body{
  padding:28px 28px 40px;
}
.ca-opp-header{
  margin-bottom:20px;
}
.ca-opp-header__title{
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 4px;
}
.ca-opp-header__subtitle{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
}

/* Action buttons row */
.ca-opp-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:24px;
}

/* Tracker card */
.ca-opp-tracker{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
  padding:24px 28px 20px;
}
.ca-opp-tracker__head{
  margin-bottom:16px;
}
.ca-opp-tracker__title-row{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:4px;
}
.ca-opp-tracker__icon{
  display:flex;
  align-items:center;
  justify-content:center;
}
.ca-opp-tracker__title{
  font-size:17px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0;
}
.ca-opp-tracker__subtitle{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
}

/* Filter pills */
.ca-opp-filters{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.ca-opp-pill{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:5px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
  transition:background .15s;
}
.ca-opp-pill:hover{
  background:var(--ca-s-gray-50, #f9fafb);
}
.ca-opp-pill--active{
  background:var(--ca-s-blue-100, #dbeafe);
  border-color:var(--ca-s-blue-300, #93c5fd);
  color:var(--ca-t-blue-700, #1d4ed8);
}
.ca-opp-pill--green{
  background:var(--ca-s-green-100, #dcfce7);
  border-color:var(--ca-s-green-300, #86efac);
  color:var(--ca-t-green-700, #15803d);
}
.ca-opp-pill--orange{
  background:var(--ca-s-orange-100, #ffedd5);
  border-color:var(--ca-s-orange-300, #fdba74);
  color:var(--ca-t-orange-700, #c2410c);
}
.ca-opp-pill--blue{
  background:var(--ca-s-blue-100, #dbeafe);
  border-color:var(--ca-s-blue-300, #93c5fd);
  color:var(--ca-t-blue-700, #1d4ed8);
}
.ca-opp-pill--red{
  background:var(--ca-s-red-100, #fee2e2);
  border-color:var(--ca-s-red-300, #fca5a5);
  color:var(--ca-t-red-600, #dc2626);
}
.ca-opp-stage-select{
  padding:5px 10px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  font-size:12px;
  color:var(--ca-t-gray-700, #374151);
  background:var(--ca-s-white, #ffffff);
  cursor:pointer;
}

/* Count row */
.ca-opp-count-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:6px 0 12px;
  font-size:13px;
}
.ca-opp-count-row__text{
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-opp-count-row__link{
  color:var(--ca-t-blue-600, #2563eb);
  font-weight:500;
  font-size:12px;
}

/* Deal cards */
.ca-opp-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ca-opp-deal{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:18px 20px;
  transition:box-shadow .15s;
}
.ca-opp-deal:hover{
  box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.ca-opp-deal--expanded{
  border-color:var(--ca-s-gray-300, #d1d5db);
}
.ca-opp-deal__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.ca-opp-deal__title-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.ca-opp-deal__title{
  font-size:15px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0;
}
.ca-opp-deal__eligible{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:600;
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-700, #15803d);
  white-space:nowrap;
}
.ca-opp-deal__more{
  background:none;
  border:none;
  font-size:20px;
  color:var(--ca-t-gray-400, #9ca3af);
  cursor:pointer;
  padding:0 2px;
  line-height:1;
  flex-shrink:0;
}
.ca-opp-deal__more:hover{
  color:var(--ca-t-gray-700, #374151);
}

/* Deal meta row */
.ca-opp-deal__meta{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-bottom:8px;
}
.ca-opp-deal__meta-item{
  display:inline-flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
}

/* Stage badge */
.ca-opp-deal__stage{
  display:inline-flex;
  padding:3px 12px;
  border-radius:6px;
  font-size:11px;
  font-weight:600;
  margin-bottom:14px;
}
.ca-opp-deal__stage--proposal{
  background:var(--ca-s-orange-100, #ffedd5);
  color:var(--ca-t-orange-700, #c2410c);
}
.ca-opp-deal__stage--negotiation{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-700, #1d4ed8);
}
.ca-opp-deal__stage--closed-won{
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-700, #15803d);
}

/* Detail grid */
.ca-opp-deal__detail{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  background:var(--ca-s-gray-50, #f9fafb);
  border:1px solid var(--ca-s-gray-100, #f3f4f6);
  border-radius:8px;
  padding:14px 16px;
  margin-bottom:12px;
}
.ca-opp-deal__detail-label{
  font-size:11px;
  color:var(--ca-t-gray-400, #9ca3af);
  text-transform:uppercase;
  letter-spacing:.03em;
  margin-bottom:2px;
}
.ca-opp-deal__detail-value{
  font-size:13px;
  color:var(--ca-t-gray-900, #111827);
}

/* Private offer */
.ca-opp-deal__private-offer{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  background:var(--ca-s-gray-50, #f9fafb);
  border:1px solid var(--ca-s-gray-100, #f3f4f6);
  border-radius:8px;
  font-size:13px;
}
.ca-opp-deal__po-title{
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
.ca-opp-deal__po-status{
  color:var(--ca-t-green-600, #16a34a);
  font-weight:500;
}

/* More opportunities link */
.ca-opp-list__more-link{
  text-align:center;
  font-size:13px;
  color:var(--ca-t-gray-400, #9ca3af);
  padding:8px 0;
}

/* Opportunities responsive */
@media (max-width:768px){
  .ca-opp-body{
    padding:20px 16px 32px;
  }
  .ca-opp-tracker{
    padding:18px 16px 16px;
  }
  .ca-opp-actions{
    flex-wrap:wrap;
  }
  .ca-opp-deal__detail{
    grid-template-columns:1fr;
  }
  .ca-opp-deal__meta{
    gap:10px;
  }
}

/* ===== Advisory Sessions Page ===== */
.ca-adv-body{
  padding:28px 28px 40px;
}
.ca-adv-header{
  margin-bottom:24px;
}
.ca-adv-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-bottom:24px;
}
.ca-adv-stat{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:6px;
  box-shadow:0 4px 12px rgba(15,23,42,.04);
}
.ca-adv-stat__icon{
  width:36px;
  height:36px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ca-adv-stat__icon--purple{ background:var(--ca-s-violet-50, #f5f3ff); }
.ca-adv-stat__icon--blue{ background:var(--ca-s-blue-50, #eff6ff); }
.ca-adv-stat__icon--green{ background:var(--ca-s-green-50, #f0fdf4); }
.ca-adv-stat__number{
  font-size:28px;
  font-weight:800;
  color:var(--ca-t-gray-900, #111827);
  line-height:1;
}
.ca-adv-stat__label{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-adv-header__title{
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 4px;
}
.ca-adv-header__subtitle{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
}

/* Advisory services card */
.ca-adv-services{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
  padding:24px 28px;
  margin-bottom:20px;
}
.ca-adv-services__head{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
}
.ca-adv-services__icon{
  display:flex;
}
.ca-adv-services__title{
  font-size:17px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0;
}
.ca-adv-services__desc{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 20px;
}

/* Two service cards side-by-side */
.ca-adv-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.ca-adv-svc-card{
  border-radius:12px;
  padding:22px 20px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  display:flex;
  flex-direction:column;
}
.ca-adv-svc-card__top{
  display:flex;
  gap:12px;
  margin-bottom:14px;
}
.ca-adv-svc-card__icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.ca-adv-svc-card--blue .ca-adv-svc-card__icon{
  background:var(--ca-s-blue-100, #dbeafe);
}
.ca-adv-svc-card--orange .ca-adv-svc-card__icon{
  background:var(--ca-s-purple-100, #f3e8ff);
}
.ca-adv-svc-card__name{
  font-size:15px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-adv-svc-card__tagline{
  font-size:12.5px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-top:2px;
  line-height:1.4;
}
.ca-adv-svc-card__pricing{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-bottom:16px;
}
.ca-adv-svc-card__pricing span{
  padding:3px 10px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:6px;
  white-space:nowrap;
}
.ca-adv-svc-card--orange .ca-adv-svc-card__pricing span:first-child{
  color:var(--ca-t-violet-600, #7c3aed);
  border-color:var(--ca-s-violet-200, #ddd6fe);
  background:var(--ca-s-purple-50, #faf5ff);
}
.ca-adv-svc-card--orange .ca-adv-svc-card__pricing span:not(:first-child){
  border:none;
  padding-left:0;
}
.ca-adv-svc-card__cta{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:100%;
  padding:10px 16px;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:background .15s,opacity .15s;
  margin-top:auto;
}
.ca-adv-svc-card--blue .ca-adv-svc-card__cta{
  background:var(--ca-s-blue-600, #2563eb);
  color:var(--ca-t-white, #ffffff);
  border:none;
}
.ca-adv-svc-card--blue .ca-adv-svc-card__cta:hover{
  background:var(--ca-s-blue-700, #1d4ed8);
}
.ca-adv-svc-card__cta--outline{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  color:var(--ca-t-gray-700, #374151);
}
.ca-adv-svc-card__cta--outline:hover{
  background:var(--ca-s-gray-50, #f9fafb);
}

/* How Advisory Credits Work */
.ca-adv-credits-info{
  background:var(--ca-s-xf8faff, #f8faff);
  border:1px solid var(--ca-s-xe0e7f1, #e0e7f1);
  border-radius:14px;
  padding:24px 28px;
  margin-bottom:28px;
}
.ca-adv-credits-info__head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:6px;
}
.ca-adv-credits-info__icon{
  display:flex;
  flex-shrink:0;
  margin-top:1px;
}
.ca-adv-credits-info__title{
  font-size:15px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0;
}
.ca-adv-credits-info__desc{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.65;
  margin:0 0 18px;
  padding-left:30px;
}
.ca-adv-credits-info__tiers{
  display:flex;
  flex-direction:column;
  gap:0;
  padding-left:30px;
}
.ca-adv-credits-info__tier{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:13px;
  padding:8px 0;
  border-top:1px solid var(--ca-s-xe5e9f0, #e5e9f0);
}
.ca-adv-credits-info__tier:first-child{
  border-top:none;
}
.ca-adv-credits-info__amount{
  font-weight:600;
  color:var(--ca-t-blue-600, #2563eb);
  white-space:nowrap;
  min-width:72px;
  font-size:13px;
}
.ca-adv-credits-info__label{
  color:var(--ca-t-gray-700, #374151);
  font-size:13px;
}

/* Advisory Request Tracker card wrapper */
.ca-adv-tracker-card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
  padding:24px 28px;
  margin-bottom:20px;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
}

/* Advisory Request Tracker */
.ca-adv-tracker__head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.ca-adv-tracker__title{
  font-size:17px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0;
}
.ca-adv-tracker__summary{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}

/* Tracker filter tabs */
.ca-adv-tracker__filters{
  display:flex;
  gap:4px;
  margin-bottom:16px;
}
.ca-adv-tracker__filter{
  padding:6px 14px;
  border-radius:6px;
  font-size:12px;
  font-weight:500;
  color:var(--ca-t-gray-500, #6b7280);
  background:transparent;
  border:1px solid transparent;
  cursor:pointer;
  transition:color .15s, background .15s;
}
.ca-adv-tracker__filter:hover{
  color:var(--ca-t-gray-700, #374151);
}
.ca-adv-tracker__filter.is-active{
  color:var(--ca-t-gray-900, #111827);
  font-weight:600;
}

/* Request rows */
.ca-adv-requests{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ca-adv-req{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 12px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.ca-adv-req__icon{
  width:32px;
  height:32px;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.ca-adv-req__icon--call{ background:var(--ca-s-violet-50, #f5f3ff); }
.ca-adv-req__icon--doc{  background:var(--ca-s-blue-50, #eff6ff); }
.ca-adv-req__icon--generic{ background:var(--ca-s-gray-100, #f3f4f6); }
.ca-adv-req__body{
  flex:1;
  min-width:0;
}
.ca-adv-req__title{
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  margin-bottom:2px;
}
.ca-adv-req__meta{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  flex-wrap:wrap;
}
.ca-adv-req__meta .ca-adv-req__meta-sep{
  color:var(--ca-t-gray-300, #d1d5db);
  font-weight:400;
}
.ca-adv-req__credit,
.ca-adv-req__assignee{
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.ca-adv-req__right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
  flex-shrink:0;
}
.ca-adv-req__actions{
  display:flex;
  align-items:center;
  gap:2px;
}

/* Status badges with icons */
.ca-adv-req__status{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:3px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:600;
  white-space:nowrap;
}
.ca-adv-req__status--completed{
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-700, #15803d);
}
.ca-adv-req__status--completed .ca-adv-req__status-icon{
  color:var(--ca-t-green-600, #16a34a);
}
.ca-adv-req__status--in-progress{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-700, #1d4ed8);
}
.ca-adv-req__status--in-progress .ca-adv-req__status-icon{
  color:var(--ca-t-blue-600, #2563eb);
}
.ca-adv-req__status--pending{
  background:var(--ca-s-amber-100, #fef3c7);
  color:var(--ca-t-amber-700, #b45309);
}
.ca-adv-req__status--pending .ca-adv-req__status-icon{
  color:var(--ca-t-amber-600, #d97706);
}

/* Action icon buttons */
.ca-adv-req__action{
  background:none;
  border:none;
  padding:4px;
  cursor:pointer;
  color:var(--ca-t-gray-400, #9ca3af);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:4px;
  transition:color .15s, background .15s;
}
.ca-adv-req__action:hover{
  color:var(--ca-t-gray-700, #374151);
  background:var(--ca-s-gray-100, #f3f4f6);
}

/* Request detail modal - View Advisory Request */
.ca-modal__panel--detail{
  width:min(520px, 94vw);
  padding:24px 0 0;
}
.ca-modal__panel--detail .ca-modal__top{
  padding:0 24px;
}
.ca-modal__top--view{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
}
.ca-modal__top-left{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.ca-modal__view-title{
  font-size:18px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0;
}
.ca-modal__view-tag{
  display:inline-block;
  padding:4px 12px;
  border-radius:6px;
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-white, #ffffff);
  background:var(--ca-s-violet-600, #7c3aed);
}
.ca-modal__top-right{
  display:flex;
  align-items:center;
  gap:8px;
}
.ca-modal__edit-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 14px;
  font-size:13px;
}
.ca-modal__close--view{
  padding:6px;
  background:transparent;
  border:none;
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ca-modal__close--view:hover{
  color:var(--ca-t-gray-900, #111827);
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-modal__sub{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-top:4px;
  margin-bottom:16px;
  padding:0 24px;
}
.ca-modal__body--detail{
  padding:0 24px 20px;
}
.ca-modal__footer--detail{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding:16px 24px 24px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-adv-detail__row{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-bottom:16px;
}
.ca-adv-detail__row:last-child{
  margin-bottom:0;
}
.ca-adv-detail__row--status{
  flex-direction:row;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}
.ca-adv-detail__row--status > div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.ca-adv-detail__label{
  font-size:12px;
  font-weight:500;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-adv-detail__value{
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  white-space:pre-wrap;
  word-break:break-word;
}
.ca-adv-detail__status{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:6px;
  font-size:12px;
  font-weight:600;
  width:fit-content;
}
.ca-adv-detail__status--completed{
  background:var(--ca-s-green-600, #16a34a);
  color:var(--ca-t-white, #ffffff);
}
.ca-adv-detail__status--in-progress{
  background:var(--ca-s-blue-600, #2563eb);
  color:var(--ca-t-white, #ffffff);
}
.ca-adv-detail__status--pending{
  background:var(--ca-s-amber-600, #d97706);
  color:var(--ca-t-white, #ffffff);
}
.ca-adv-detail__credits{
  display:inline-flex;
  align-items:center;
  gap:3px;
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-orange-600, #ea580c);
}
.ca-adv-detail__credits svg{
  color:var(--ca-t-orange-600, #ea580c);
}
@media (max-width:480px){
  .ca-adv-detail__row--status{
    flex-direction:column;
  }
}

/* Advisory Sessions responsive */
@media (max-width:900px){
  .ca-adv-cards{
    grid-template-columns:1fr;
  }
}
@media (max-width:768px){
  .ca-adv-body{
    padding:16px 12px 28px;
  }
  .ca-adv-header{
    margin-bottom:18px;
  }
  .ca-adv-stats{
    gap:12px;
    margin-bottom:18px;
  }
  .ca-adv-stat{
    padding:14px;
  }
  .ca-adv-stat__number{
    font-size:24px;
  }
  .ca-adv-header__title{
    font-size:19px;
  }
  .ca-adv-header__subtitle{
    font-size:13px;
  }
  .ca-adv-services{
    padding:16px 14px;
    border-radius:12px;
    margin-bottom:14px;
  }
  .ca-adv-services__title{
    font-size:15px;
  }
  .ca-adv-services__desc{
    font-size:12.5px;
    margin-bottom:14px;
  }
  .ca-adv-svc-card{
    padding:16px 14px;
    border-radius:10px;
  }
  .ca-adv-svc-card__top{
    gap:10px;
    margin-bottom:10px;
  }
  .ca-adv-svc-card__icon{
    width:36px;
    height:36px;
  }
  .ca-adv-svc-card__icon svg{
    width:17px;
    height:17px;
  }
  .ca-adv-svc-card__name{
    font-size:14px;
  }
  .ca-adv-svc-card__tagline{
    font-size:12px;
  }
  .ca-adv-svc-card__pricing{
    font-size:11px;
    gap:8px;
    margin-bottom:12px;
  }
  .ca-adv-svc-card__cta{
    font-size:13px;
    padding:10px 16px;
    width:100%;
    justify-content:center;
  }
  .ca-adv-credits-info{
    padding:16px 14px;
    border-radius:12px;
    margin-bottom:14px;
  }
  .ca-adv-credits-info__title{
    font-size:14px;
  }
  .ca-adv-credits-info__desc{
    font-size:12.5px;
    padding-left:0;
  }
  .ca-adv-credits-info__tiers{
    padding-left:0;
    flex-direction:column;
    gap:0;
  }
  .ca-adv-credits-info__tier{
    padding:10px 0;
    gap:10px;
    align-items:flex-start;
  }
  .ca-adv-credits-info__amount{
    font-size:12px;
    min-width:64px;
  }
  .ca-adv-credits-info__label{
    font-size:12.5px;
  }
  .ca-adv-tracker-card{
    padding:16px 14px;
    border-radius:12px;
    margin-bottom:14px;
  }
  .ca-adv-tracker__head{
    flex-direction:column;
    gap:4px;
    margin-bottom:10px;
  }
  .ca-adv-tracker__title{
    font-size:15px;
  }
  .ca-adv-tracker__filters{
    flex-wrap:wrap;
    gap:4px;
    margin-bottom:12px;
  }
  .ca-adv-tracker__filter{
    padding:5px 10px;
    font-size:11px;
  }
  .ca-adv-req{
    flex-wrap:wrap;
    padding:10px;
    gap:8px;
  }
  .ca-adv-req__icon{
    width:28px;
    height:28px;
  }
  .ca-adv-req__icon svg{
    width:14px;
    height:14px;
  }
  .ca-adv-req__title{
    font-size:13px;
  }
  .ca-adv-req__meta{
    font-size:11px;
    gap:6px;
  }
  .ca-adv-req__right{
    width:100%;
    flex-direction:row;
    justify-content:flex-end;
    align-items:center;
    padding-top:8px;
    border-top:1px solid var(--ca-s-gray-100, #f3f4f6);
    margin-top:4px;
  }
  .ca-adv-req__status{
    font-size:10px;
    padding:2px 8px;
  }
  .ca-mp-buy-credits{
    flex-direction:column;
    padding:16px 14px;
    gap:14px;
    border-radius:12px;
    margin-bottom:14px;
  }
  .ca-mp-buy-credits__title{
    font-size:15px;
  }
  .ca-mp-buy-credits__desc{
    font-size:12.5px;
    margin-bottom:10px;
  }
  .ca-mp-buy-credits__select{
    min-width:0;
    width:100%;
  }
  .ca-mp-buy-credits__note{
    font-size:10.5px;
  }
  .ca-mp-buy-credits__right{
    padding-top:0;
  }
  .ca-mp-buy-credits__right .ca-btn{
    width:100%;
    text-align:center;
    justify-content:center;
  }
  .ca-modal__panel--strategy,
  .ca-modal__panel--custom{
    position:fixed;
    inset:0;
    width:100% !important;
    height:100% !important;
    max-width:none;
    max-height:none;
    padding:0;
    border-radius:0;
    display:flex;
    flex-direction:column;
    box-shadow:none;
  }
  .ca-modal__panel--strategy .ca-modal__top,
  .ca-modal__panel--custom .ca-modal__top{
    position:sticky;
    top:0;
    z-index:3;
    background:var(--ca-s-white, #ffffff);
    padding:14px 16px;
    padding-top:max(14px, env(safe-area-inset-top));
    margin-bottom:0;
    border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
    flex-shrink:0;
  }
  .ca-modal__panel--strategy .ca-modal__body,
  .ca-modal__panel--custom .ca-modal__body{
    flex:1;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding:16px 16px 20px;
  }
  .ca-modal__panel--strategy .ca-modal__form,
  .ca-modal__panel--custom .ca-modal__form{
    display:flex;
    flex-direction:column;
    min-height:100%;
    padding-bottom:0;
  }
  .ca-modal__panel--strategy .ca-modal__actions,
  .ca-modal__panel--custom .ca-modal__actions{
    position:sticky;
    bottom:-20px;
    z-index:3;
    background:var(--ca-s-white, #ffffff);
    border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
    padding:12px 0;
    padding-bottom:max(12px, env(safe-area-inset-bottom));
    margin:auto 0 0;
    flex-wrap:wrap;
    gap:8px;
  }
  .ca-modal__panel--strategy .ca-modal__actions .ca-btn-outline,
  .ca-modal__panel--custom .ca-modal__actions .ca-btn-outline{
    flex:1;
    min-width:0;
    justify-content:center;
    text-align:center;
  }
  .ca-modal__panel--strategy .ca-modal__actions .ca-btn-solid,
  .ca-modal__panel--custom .ca-modal__actions .ca-btn-solid,
  .ca-modal__panel--strategy .ca-modal__submit-btn{
    flex:2;
    min-width:0;
    justify-content:center;
    text-align:center;
    width:auto;
  }
  .ca-modal__head-with-icon{
    gap:10px;
    flex:1;
    min-width:0;
    padding-right:32px;
  }
  .ca-modal__head-icon{
    width:34px;
    height:34px;
    min-width:34px;
    flex-shrink:0;
    border-radius:8px;
  }
  .ca-modal__panel--strategy .ca-modal__step,
  .ca-modal__panel--custom .ca-modal__step{
    font-size:15px;
    line-height:1.3;
  }
  .ca-modal__panel--strategy .ca-modal__desc,
  .ca-modal__panel--custom .ca-modal__desc{
    font-size:12px;
    line-height:1.4;
    margin-top:4px;
  }
  .ca-modal__close--strategy{
    position:absolute;
    top:14px;
    right:14px;
    font-size:24px;
    padding:4px 8px;
    z-index:4;
    background:var(--ca-s-white, #ffffff);
    border-radius:8px;
  }
  .ca-modal__panel--custom .ca-modal__close{
    position:absolute;
    top:14px;
    right:14px;
    z-index:4;
  }
  .ca-modal__duration-cards{
    grid-template-columns:1fr;
    gap:10px;
  }
  .ca-modal__duration-card-inner{
    padding:14px 16px;
  }
  .ca-modal__duration-title{
    font-size:13px;
  }
  .ca-modal__duration-desc{
    font-size:11.5px;
  }
  .ca-modal__credit-pill{
    font-size:11px;
    padding:2px 8px;
  }
  .ca-modal__form--strategy .ca-modal__form-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .ca-modal__form label{
    font-size:12.5px;
  }
  .ca-modal__form input,
  .ca-modal__form select,
  .ca-modal__form textarea{
    font-size:16px;
    padding:10px 12px;
    border-radius:8px;
  }
  .ca-modal__form textarea{
    min-height:80px;
  }
  .ca-modal__credit-cards{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .ca-modal__credit-card-inner{
    padding:10px 12px;
  }
  .ca-modal__credit-card-title{
    font-size:12px;
  }
  .ca-modal__credit-card-desc{
    font-size:11px;
  }
  .ca-modal__examples{
    font-size:11px;
  }
  .ca-modal__field-label{
    font-size:13px;
  }
  .ca-modal__field-hint{
    font-size:11px;
  }
  .ca-modal__file-input{
    font-size:12px;
    padding:8px 10px;
  }
  .ca-modal__file-input::file-selector-button{
    font-size:12px;
    padding:5px 10px;
    margin-right:8px;
  }
}
@media (max-width:480px){
  .ca-adv-body{
    padding:12px 8px 24px;
  }
  .ca-adv-header{
    margin-bottom:14px;
  }
  .ca-adv-stats{
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-bottom:14px;
  }
  .ca-adv-stat{
    padding:12px;
    border-radius:10px;
  }
  .ca-adv-stat__icon{
    width:30px;
    height:30px;
    border-radius:8px;
  }
  .ca-adv-stat__number{
    font-size:20px;
  }
  .ca-adv-stat__label{
    font-size:11px;
  }
  .ca-adv-header__title{
    font-size:17px;
  }
  .ca-adv-header__subtitle{
    font-size:12px;
  }
  .ca-adv-services{
    padding:14px 12px;
    border-radius:10px;
    margin-bottom:12px;
  }
  .ca-adv-services__head{
    gap:6px;
    margin-bottom:4px;
  }
  .ca-adv-services__title{
    font-size:14px;
  }
  .ca-adv-services__desc{
    font-size:12px;
    margin-bottom:12px;
  }
  .ca-adv-svc-card{
    padding:14px 12px;
  }
  .ca-adv-svc-card__top{
    gap:8px;
    margin-bottom:8px;
  }
  .ca-adv-svc-card__icon{
    width:32px;
    height:32px;
  }
  .ca-adv-svc-card__icon svg{
    width:15px;
    height:15px;
  }
  .ca-adv-svc-card__name{
    font-size:13px;
  }
  .ca-adv-svc-card__tagline{
    font-size:11.5px;
  }
  .ca-adv-svc-card__pricing{
    font-size:10.5px;
    margin-bottom:10px;
  }
  .ca-adv-svc-card__pricing span{
    padding:2px 8px;
    border-radius:5px;
  }
  .ca-adv-svc-card__cta{
    font-size:12.5px;
    padding:9px 14px;
    border-radius:8px;
  }
  .ca-adv-credits-info{
    padding:14px 12px;
    border-radius:10px;
    margin-bottom:12px;
  }
  .ca-adv-credits-info__head{
    gap:6px;
    margin-bottom:4px;
  }
  .ca-adv-credits-info__title{
    font-size:13px;
  }
  .ca-adv-credits-info__desc{
    font-size:12px;
    line-height:1.5;
  }
  .ca-adv-credits-info__tier{
    padding:8px 0;
  }
  .ca-adv-credits-info__amount{
    font-size:11.5px;
    min-width:58px;
  }
  .ca-adv-credits-info__label{
    font-size:12px;
  }
  .ca-adv-tracker-card{
    padding:14px 12px;
    border-radius:10px;
    margin-bottom:12px;
  }
  .ca-adv-tracker__title{
    font-size:14px;
  }
  .ca-adv-tracker__summary{
    font-size:11px;
  }
  .ca-adv-tracker__filter{
    padding:4px 8px;
    font-size:10.5px;
  }
  .ca-adv-req{
    padding:8px;
    gap:6px;
  }
  .ca-adv-req__icon{
    width:26px;
    height:26px;
    border-radius:5px;
  }
  .ca-adv-req__title{
    font-size:12.5px;
  }
  .ca-adv-req__meta{
    font-size:10.5px;
  }
  .ca-adv-req__right{
    padding-top:6px;
  }
  .ca-adv-req__status{
    font-size:10px;
  }
  .ca-mp-buy-credits{
    padding:14px 12px;
    gap:12px;
    border-radius:10px;
    margin-bottom:12px;
  }
  .ca-mp-buy-credits__title{
    font-size:14px;
  }
  .ca-mp-buy-credits__desc{
    font-size:12px;
    margin-bottom:8px;
  }
  .ca-mp-buy-credits__label{
    font-size:11px;
  }
  .ca-mp-buy-credits__select{
    font-size:12.5px;
    padding:7px 10px;
  }
  .ca-mp-buy-credits__note{
    font-size:10px;
  }
  .ca-modal__panel--strategy .ca-modal__top,
  .ca-modal__panel--custom .ca-modal__top{
    padding:12px 14px;
    padding-top:max(12px, env(safe-area-inset-top));
  }
  .ca-modal__panel--strategy .ca-modal__body,
  .ca-modal__panel--custom .ca-modal__body{
    padding:14px 14px 16px;
  }
  .ca-modal__panel--strategy .ca-modal__step,
  .ca-modal__panel--custom .ca-modal__step{
    font-size:14px;
  }
  .ca-modal__panel--strategy .ca-modal__desc,
  .ca-modal__panel--custom .ca-modal__desc{
    font-size:11px;
  }
  .ca-modal__head-icon{
    width:28px;
    height:28px;
    min-width:28px;
    border-radius:6px;
  }
  .ca-modal__head-icon svg{
    width:15px;
    height:15px;
  }
  .ca-modal__head-with-icon{
    gap:8px;
  }
  .ca-modal__close--strategy{
    top:10px;
    right:10px;
    font-size:22px;
    padding:2px 6px;
  }
  .ca-modal__panel--custom .ca-modal__close{
    top:10px;
    right:10px;
  }
  .ca-modal__duration-card-inner{
    padding:12px 14px;
  }
  .ca-modal__duration-title{
    font-size:12.5px;
  }
  .ca-modal__duration-desc{
    font-size:10.5px;
  }
  .ca-modal__credit-pill{
    font-size:10.5px;
    padding:2px 7px;
  }
  .ca-modal__form label{
    font-size:12px;
  }
  .ca-modal__credit-cards{
    grid-template-columns:1fr;
    gap:6px;
  }
  .ca-modal__credit-card-inner{
    padding:10px;
    flex-direction:row;
    align-items:center;
    flex-wrap:wrap;
    gap:6px 10px;
  }
  .ca-modal__credit-card-title{
    font-size:12px;
  }
  .ca-modal__credit-card-desc{
    font-size:10.5px;
    width:100%;
  }
  .ca-modal__panel--strategy .ca-modal__actions,
  .ca-modal__panel--custom .ca-modal__actions{
    bottom:-16px;
    padding:10px 0;
    padding-bottom:max(10px, env(safe-area-inset-bottom));
    flex-direction:column;
    gap:8px;
  }
  .ca-modal__panel--strategy .ca-modal__actions .ca-btn,
  .ca-modal__panel--custom .ca-modal__actions .ca-btn,
  .ca-modal__panel--strategy .ca-modal__submit-btn{
    width:100%;
    justify-content:center;
    text-align:center;
    font-size:13px;
    padding:10px 12px;
  }
  .ca-modal__examples{
    font-size:10.5px;
  }
  .ca-modal__field-label{
    font-size:12px;
  }
  .ca-modal__field-hint{
    font-size:10.5px;
  }
  .ca-modal__file-input{
    font-size:13px;
    padding:7px 8px;
  }
  .ca-modal__file-input::file-selector-button{
    font-size:12px;
    padding:4px 8px;
    margin-right:6px;
  }
  .ca-modal__panel--detail{
    position:fixed;
    inset:0;
    width:100% !important;
    height:100% !important;
    max-width:none;
    border-radius:0;
  }
  .ca-modal__view-title{
    font-size:15px;
  }
  .ca-modal__view-tag{
    font-size:11px;
    padding:3px 10px;
  }
  .ca-modal__sub{
    font-size:12px;
  }
}
@media (max-width:375px){
  .ca-adv-body{
    padding:10px 6px 20px;
  }
  .ca-adv-header__title{
    font-size:16px;
  }
  .ca-adv-header__subtitle{
    font-size:11.5px;
  }
  .ca-adv-services{
    padding:12px 10px;
  }
  .ca-adv-services__title{
    font-size:13px;
  }
  .ca-adv-services__desc{
    font-size:11.5px;
  }
  .ca-adv-svc-card{
    padding:12px 10px;
  }
  .ca-adv-svc-card__name{
    font-size:12.5px;
  }
  .ca-adv-svc-card__tagline{
    font-size:11px;
  }
  .ca-adv-svc-card__pricing{
    font-size:10px;
  }
  .ca-adv-svc-card__cta{
    font-size:12px;
    padding:8px 12px;
  }
  .ca-adv-credits-info{
    padding:12px 10px;
  }
  .ca-adv-credits-info__title{
    font-size:12.5px;
  }
  .ca-adv-credits-info__desc{
    font-size:11.5px;
  }
  .ca-adv-credits-info__amount{
    font-size:11px;
    min-width:52px;
  }
  .ca-adv-credits-info__label{
    font-size:11.5px;
  }
  .ca-adv-tracker-card{
    padding:12px 10px;
  }
  .ca-adv-tracker__title{
    font-size:13px;
  }
  .ca-adv-tracker__filter{
    padding:4px 6px;
    font-size:10px;
  }
  .ca-adv-req{
    padding:6px;
  }
  .ca-adv-req__icon{
    width:24px;
    height:24px;
  }
  .ca-adv-req__title{
    font-size:12px;
  }
  .ca-adv-req__meta{
    font-size:10px;
  }
  .ca-mp-buy-credits{
    padding:12px 10px;
  }
  .ca-mp-buy-credits__title{
    font-size:13px;
  }
  .ca-mp-buy-credits__desc{
    font-size:11.5px;
  }
  .ca-mp-buy-credits__select{
    font-size:12px;
    padding:6px 8px;
  }
  .ca-modal__panel--strategy .ca-modal__top,
  .ca-modal__panel--custom .ca-modal__top{
    padding:10px;
    padding-top:max(10px, env(safe-area-inset-top));
  }
  .ca-modal__panel--strategy .ca-modal__body,
  .ca-modal__panel--custom .ca-modal__body{
    padding:12px 10px 14px;
  }
  .ca-modal__panel--strategy .ca-modal__step,
  .ca-modal__panel--custom .ca-modal__step{
    font-size:13px;
  }
  .ca-modal__panel--strategy .ca-modal__desc,
  .ca-modal__panel--custom .ca-modal__desc{
    font-size:10.5px;
  }
  .ca-modal__head-icon{
    width:26px;
    height:26px;
    min-width:26px;
  }
  .ca-modal__head-icon svg{
    width:14px;
    height:14px;
  }
  .ca-modal__close--strategy{
    top:8px;
    right:8px;
    font-size:20px;
  }
  .ca-modal__panel--custom .ca-modal__close{
    top:8px;
    right:8px;
  }
  .ca-modal__duration-card-inner{
    padding:10px 12px;
  }
  .ca-modal__duration-title{
    font-size:12px;
  }
  .ca-modal__duration-desc{
    font-size:10px;
  }
  .ca-modal__credit-card-inner{
    padding:8px;
  }
  .ca-modal__panel--strategy .ca-modal__actions,
  .ca-modal__panel--custom .ca-modal__actions{
    bottom:-14px;
    padding:8px 0;
    padding-bottom:max(8px, env(safe-area-inset-bottom));
  }
  .ca-modal__panel--strategy .ca-modal__actions .ca-btn,
  .ca-modal__panel--custom .ca-modal__actions .ca-btn,
  .ca-modal__panel--strategy .ca-modal__submit-btn{
    font-size:12.5px;
    padding:9px 10px;
  }
}

/* ===== Agent Activation Page ===== */
.ca-aa-body{
  padding:28px 28px 40px;
}
.ca-aa-header{
  margin-bottom:20px;
}
.ca-aa-header__title{
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 4px;
}
.ca-aa-header__subtitle{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
}

/* Sub-heading with stats */
.ca-aa-subhead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.ca-aa-subhead__title{
  font-size:16px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 2px;
}
.ca-aa-subhead__desc{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
}
.ca-aa-subhead__stats{
  display:flex;
  gap:16px;
  flex-shrink:0;
}
.ca-aa-stat{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.ca-aa-stat__num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:50%;
  font-size:11px;
  font-weight:700;
}
.ca-aa-stat__num--muted{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-aa-stat__num--blue{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-700, #1d4ed8);
}

/* Section label */
.ca-aa-section-label{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-violet-600, #7c3aed);
  margin-bottom:14px;
}
.ca-aa-section-label--muted{
  color:var(--ca-t-gray-500, #6b7280);
  margin-top:28px;
}

/* Agent cards – 2×2 grid */
.ca-aa-agents{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-bottom:8px;
}
.ca-aa-agent{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
  padding:22px 24px;
  display:flex;
  flex-direction:column;
}
.ca-aa-agent__head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.ca-aa-agent__avatar{
  width:44px;
  height:44px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.ca-aa-agent__avatar--merlin{
  background:linear-gradient(135deg,var(--ca-s-violet-500, #8b5cf6),var(--ca-s-violet-700, #6d28d9));
}
.ca-aa-agent__avatar--captain{
  background:linear-gradient(135deg,var(--ca-s-blue-500, #3b82f6),var(--ca-s-blue-600, #2563eb));
}
.ca-aa-agent__avatar--coach{
  background:linear-gradient(135deg,var(--ca-s-amber-500, #f59e0b),var(--ca-s-amber-600, #d97706));
}
.ca-aa-agent__avatar--ranger{
  background:linear-gradient(135deg,var(--ca-s-emerald-500, #10b981),var(--ca-s-emerald-600, #059669));
}
.ca-aa-agent__name{
  font-size:16px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0;
}
.ca-aa-agent__desc{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.6;
  margin:0 0 16px;
  flex:1;
}
.ca-aa-agent__cta{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:10px 16px;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  border:none;
  cursor:pointer;
  transition:opacity .15s;
  color:var(--ca-t-white, #ffffff);
}
.ca-aa-agent__cta:hover{
  opacity:.9;
}
.ca-aa-agent__cta--blue{
  background:linear-gradient(135deg,var(--ca-s-blue-500, #3b82f6),var(--ca-s-blue-600, #2563eb));
}
.ca-aa-agent__cta--orange{
  background:linear-gradient(135deg,var(--ca-s-orange-500, #f97316),var(--ca-s-orange-600, #ea580c));
}

/* Coming Soon – 3-column row */
.ca-aa-coming-soon{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-bottom:8px;
}
.ca-aa-soon-card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:18px 20px;
  opacity:.75;
}
.ca-aa-soon-card__head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.ca-aa-soon-card__avatar{
  width:36px;
  height:36px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.ca-aa-soon-card__name{
  font-size:14px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-aa-soon-card__badge{
  display:inline-flex;
  padding:1px 8px;
  border-radius:4px;
  font-size:10px;
  font-weight:600;
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-500, #6b7280);
  text-transform:uppercase;
  letter-spacing:.03em;
}
.ca-aa-soon-card__desc{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.55;
  margin:0;
}

/* How Agent Activation Works */
.ca-aa-how-it-works{
  background:var(--ca-s-violet-50, #f5f3ff);
  border:1px solid var(--ca-s-violet-100, #ede9fe);
  border-radius:14px;
  padding:22px 28px;
  margin-top:28px;
}
.ca-aa-how-it-works__head{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
}
.ca-aa-how-it-works__title{
  font-size:15px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0;
}
.ca-aa-how-it-works__list{
  margin:0;
  padding-left:20px;
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
  line-height:1.7;
}
.ca-aa-how-it-works__list li{
  margin-bottom:4px;
}
.ca-aa-how-it-works__list strong{
  color:var(--ca-t-gray-900, #111827);
}

/* Agent Activation responsive */
@media (max-width:900px){
  .ca-aa-agents{
    grid-template-columns:1fr;
  }
  .ca-aa-coming-soon{
    grid-template-columns:1fr;
  }
  .ca-aa-subhead{
    flex-direction:column;
  }
}
@media (max-width:768px){
  .ca-aa-body{
    padding:20px 16px 32px;
  }
  .ca-aa-how-it-works{
    padding:18px 16px;
  }
}

/* ===== Product & GTM DNA Page ===== */
:root{
  --ca-dna-surfaces-panel-width:560px;
  --ca-dna-surfaces-panel-max-width:720px;
  --ca-dna-flyout-gap:24px;
  --ca-dashboard-topbar-offset:0px;
}
.ca-dna-surfaces-slide{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  width:var(--ca-dna-surfaces-panel-width);
  max-width:var(--ca-dna-surfaces-panel-max-width);
  z-index:10100;
  pointer-events:none;
  overflow:hidden;
  box-sizing:border-box;
}
.ca-dna-surfaces-slide[hidden]{
  display:none !important;
}
.ca-dna-surfaces-slide__dialog{
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:1;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  grid-template-columns:minmax(0,1fr);
  width:100%;
  min-width:0;
  max-width:100%;
  height:100vh;
  height:100dvh;
  max-height:100dvh;
  overflow:hidden;
  background:var(--ca-s-white, #ffffff);
  border-left:1px solid var(--ca-s-gray-200, #e5e7eb);
  box-shadow:-12px 0 32px rgba(15,23,42,.1);
  box-sizing:border-box;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  pointer-events:auto;
  transform:translateX(100%);
  transition:transform .28s cubic-bezier(.22,.61,.36,1);
}
.ca-dna-surfaces-slide__topbar{
  grid-row:1;
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:14px;
  flex-shrink:0;
  padding:18px 20px 16px;
  padding-right:68px;
  min-width:0;
  border-bottom:1px solid var(--ca-s-slate-100, #f1f5f9);
  background:var(--ca-s-white, #ffffff);
}
.ca-dna-flyout__close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:20;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  padding:0;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
  box-shadow:0 1px 2px rgba(15,23,42,.08);
  transition:background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.ca-dna-surfaces-slide__dialog > .ca-dna-flyout__close{
  right:16px;
  z-index:50;
}
.ca-dna-flyout__close:hover{
  background:var(--ca-s-gray-50, #f9fafb);
  border-color:var(--ca-s-gray-400, #9ca3af);
  color:var(--ca-t-gray-900, #111827);
  box-shadow:0 2px 6px rgba(15,23,42,.12);
}
.ca-dna-flyout__close svg{
  display:block;
  flex-shrink:0;
}
.ca-dna-surfaces-slide.is-open .ca-dna-surfaces-slide__dialog{
  transform:translateX(0);
}
.ca-dna-surfaces-slide__body{
  grid-row:2;
  display:flex;
  flex-direction:column;
  gap:0;
  min-width:0;
  min-height:0;
  padding:12px 0 max(16px, env(safe-area-inset-bottom, 0px)) 14px;
  overflow:hidden;
  box-sizing:border-box;
}
.ca-dna-surfaces-panel__search{
  margin:0;
  flex-shrink:0;
  width:100%;
  box-sizing:border-box;
}
.ca-dna-surfaces-slide__topbar .ca-dna-surfaces-panel__search{
  align-self:stretch;
}
.ca-dna-surfaces-panel__title-row{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
  flex:1;
}
.ca-dna-surfaces-panel__title{
  margin:0;
  font-size:18px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-dna-surfaces-panel__count{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-dna-surfaces-panel__list-scroll{
  flex:1 1 0;
  width:100%;
  min-width:0;
  min-height:0;
  height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  padding-right:8px;
  margin-right:4px;
  scrollbar-width:thin;
  scrollbar-color:var(--ca-s-gray-500, #6b7280) var(--ca-s-gray-200, #e5e7eb);
  -webkit-overflow-scrolling:touch;
  box-sizing:border-box;
}
.ca-dna-surfaces-panel__list-scroll::-webkit-scrollbar{
  width:10px;
}
.ca-dna-surfaces-panel__list-scroll::-webkit-scrollbar-track{
  background:var(--ca-s-gray-200, #e5e7eb);
  border-radius:5px;
}
.ca-dna-surfaces-panel__list-scroll::-webkit-scrollbar-thumb{
  background:var(--ca-s-gray-500, #6b7280);
  border-radius:5px;
  border:2px solid var(--ca-s-gray-200, #e5e7eb);
  min-height:48px;
}
.ca-dna-surfaces-panel__list-scroll::-webkit-scrollbar-thumb:hover{
  background:var(--ca-s-gray-600, #4b5563);
}
.ca-dna-surfaces-panel__list{
  display:flex;
  flex-direction:column;
  gap:10px;
  width:100%;
  min-width:0;
  overflow:visible;
  box-sizing:border-box;
}
.ca-dna-surfaces-slide .ca-dna-surfaces-panel__list.ca-surface-catalog__all-list{
  flex:none;
  min-height:0;
  max-height:none;
  overflow:visible;
}
.ca-dna-surfaces-slide .ca-surface-catalog__card--all,
.ca-dna-surfaces-slide .ca-dna-surfaces-panel__card{
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:12px;
  padding:14px;
  min-width:0;
  max-width:100%;
  width:100%;
  box-sizing:border-box;
}
.ca-dna-surfaces-slide .ca-surface-catalog__card--all .ca-surface-catalog__card-left{
  width:100%;
  min-width:0;
  align-items:flex-start;
}
.ca-dna-surfaces-slide .ca-surface-catalog__card--all .ca-surface-catalog__card-body{
  min-width:0;
}
.ca-dna-surfaces-slide .ca-surface-catalog__card--all .ca-surface-catalog__card-header{
  flex-wrap:wrap;
  row-gap:6px;
}
.ca-dna-surfaces-slide .ca-surface-catalog__card--all .ca-surface-catalog__card-cta{
  width:100%;
  max-width:100%;
  text-align:center;
  box-sizing:border-box;
  white-space:normal;
}
.ca-dna-surfaces-panel__card{
  align-items:stretch;
}
.ca-dna-surfaces-panel__card .ca-surface-catalog__card-cta{
  text-decoration:none;
}

html.ca-dna-surfaces-panel-open,
body.ca-dna-surfaces-panel-open{
  overflow-x:hidden;
  width:100%;
  max-width:100%;
}
body.ca-dna-surfaces-panel-open .ca-layout--dashboard{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  box-sizing:border-box;
}
body.ca-dna-surfaces-panel-open .ca-dashboard{
  width:100%;
  max-width:100%;
  margin-right:0;
  box-sizing:border-box;
  overflow-x:hidden;
  grid-template-columns:var(--ca-sidebar-width) minmax(0, 1fr);
}
@media (max-width:1100px) and (min-width:901px){
  .ca-dna-suggest-modal{
    width:min(var(--ca-dna-suggest-panel-width), calc(100vw - 72px));
    max-width:calc(100vw - 72px);
  }
  body.ca-dna-suggest-modal-open .ca-dashboard{
    grid-template-columns:1fr;
  }
}

/* All Atlas Surfaces panel — tablet/mobile full-screen sheet */
@media (max-width:1100px){
  .ca-dna-surfaces-slide{
    inset:0;
    left:0;
    right:0;
    width:100%;
    max-width:none;
    overflow:hidden;
  }
  .ca-dna-surfaces-slide__dialog{
    border-left:none;
    box-shadow:none;
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
  }
  body.ca-dna-surfaces-panel-open .ca-dashboard,
  body.ca-dna-surfaces-panel-open .ca-dna-body__main,
  body.ca-dna-surfaces-panel-open .ca-dashboard__content--dna > .ca-dashboard__topbar--dna{
    padding-right:0 !important;
  }
  body.ca-dna-surfaces-panel-open .ca-dashboard{
    grid-template-columns:1fr;
  }
  body.ca-dna-surfaces-panel-open{
    overflow:hidden;
  }
  .ca-dna-surfaces-slide__topbar{
    position:relative;
    top:auto;
    padding:12px 14px;
    padding-top:max(12px, env(safe-area-inset-top, 0px));
    padding-right:68px;
    gap:12px;
  }
  .ca-dna-surfaces-slide__dialog > .ca-dna-flyout__close{
    top:max(12px, env(safe-area-inset-top, 0px));
    right:16px;
    width:40px;
    height:40px;
    z-index:50;
  }
  .ca-dna-surfaces-slide__body{
    padding:10px 0 max(16px, env(safe-area-inset-bottom, 0px)) 14px;
    min-width:0;
    overflow:hidden;
    box-sizing:border-box;
  }
  .ca-dna-surfaces-panel__title{
    font-size:16px;
  }
}
body.ca-dna-surfaces-panel-open .ca-dna-body__main,
body.ca-dna-surfaces-panel-open .ca-dashboard__content--dna > .ca-dashboard__topbar--dna{
  padding-right:calc(var(--ca-dna-flyout-gap) + min(var(--ca-dna-surfaces-panel-width), calc(100vw - 72px)));
  box-sizing:border-box;
}
@media (max-width:1100px){
  body.ca-dna-surfaces-panel-open .ca-dna-body__main,
  body.ca-dna-surfaces-panel-open .ca-dashboard__content--dna > .ca-dashboard__topbar--dna{
    padding-right:0 !important;
  }
}
/* Projects portfolio gets the same push as the DNA body when the surfaces
   catalog slides in; its own side padding has to be kept in the calc. */
body.ca-dna-surfaces-panel-open .ca-dashboard__content:has(#caProjListing) > .ca-lop-body,
body.ca-dna-surfaces-panel-open .ca-dashboard__content:has(#caProjListing) > .ca-dashboard__topbar--projects{
  padding-right:calc(24px + var(--ca-dna-flyout-gap) + min(var(--ca-dna-surfaces-panel-width), calc(100vw - 72px)));
  box-sizing:border-box;
}
@media (max-width:1100px){
  body.ca-dna-surfaces-panel-open .ca-dashboard__content:has(#caProjListing) > .ca-lop-body,
  body.ca-dna-surfaces-panel-open .ca-dashboard__content:has(#caProjListing) > .ca-dashboard__topbar--projects{
    padding-right:24px !important;
  }
}
body.ca-dna-surfaces-panel-open .ca-dna-surfaces-rail{
  visibility:hidden;
  pointer-events:none;
}
body.ca-dna-surfaces-panel-open .ca-dashboard__topbar--dna{
  position:sticky;
  top:0;
  z-index:100;
  background:var(--ca-s-white, #ffffff);
}
.ca-dashboard__content--dna{
  --ca-dna-surfaces-rail-width:300px;
  padding:0;
}
.ca-dashboard__content--dna > .ca-dashboard__topbar--dna{
  margin:0;
  position:sticky;
  top:0;
  z-index:100;
  background:var(--ca-s-white, #ffffff);
  transition:padding-right .28s cubic-bezier(.22,.61,.36,1);
}
.ca-dna-body{
  padding:0;
}
.ca-dna-body__main{
  min-width:0;
  padding:28px calc(28px + var(--ca-dna-surfaces-rail-width, 300px)) 40px 28px;
  transition:padding-right .28s cubic-bezier(.22,.61,.36,1);
}
.ca-dna-surfaces-rail{
  --ca-dna-surfaces-rail-width:300px;
  position:fixed;
  top:var(--ca-dashboard-topbar-offset, 0px);
  right:0;
  width:var(--ca-dna-surfaces-rail-width);
  height:calc(100vh - var(--ca-dashboard-topbar-offset, 0px));
  display:flex;
  flex-direction:column;
  border-left:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:0;
  background:var(--ca-s-white, #ffffff);
  box-shadow:none;
  overflow:hidden;
  z-index:40;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-dna-surfaces-rail__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:18px 18px 12px;
  flex-shrink:0;
  background:var(--ca-s-white, #ffffff);
}
.ca-dna-surfaces-rail__title-row{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.ca-dna-surfaces-rail__title{
  margin:0;
  font-family:inherit;
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-slate-900, #0f172a);
  line-height:1.3;
  letter-spacing:-0.01em;
}
.ca-dna-surfaces-rail__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  padding:0 6px;
  border-radius:999px;
  background:var(--ca-s-purple-100, #f3e8ff);
  color:var(--ca-t-violet-600, #7c3aed);
  font-size:12px;
  font-weight:600;
  line-height:1;
}
.ca-dna-surfaces-rail__add{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
  flex-shrink:0;
  font-family:inherit;
  transition:background .15s,border-color .15s,color .15s;
}
.ca-dna-surfaces-rail__add:hover{
  background:var(--ca-s-gray-50, #f9fafb);
  border-color:var(--ca-s-gray-300, #d1d5db);
  color:var(--ca-t-gray-900, #111827);
}
.ca-dna-surfaces-rail__body{
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  overflow:hidden;
}
.ca-dna-surfaces-rail__loading{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:28px 18px;
}
.ca-dna-surfaces-rail__loading[hidden],
.ca-dna-surfaces-rail__empty[hidden],
.ca-dna-surfaces-rail__list[hidden]{
  display:none !important;
}
.ca-dna-surfaces-loader__spinner{
  display:inline-block;
  width:22px;
  height:22px;
  border:2px solid var(--ca-s-gray-200, #e5e7eb);
  border-top-color:var(--ca-s-violet-600, #7c3aed);
  border-radius:50%;
  animation:ca-dna-surfaces-loader-spin .7s linear infinite;
  flex-shrink:0;
}
@keyframes ca-dna-surfaces-loader-spin{
  to{ transform:rotate(360deg); }
}
@media (prefers-reduced-motion:reduce){
  .ca-dna-surfaces-loader__spinner{
    animation:none;
    border-top-color:var(--ca-s-violet-600, #7c3aed);
    opacity:.85;
  }
}
.ca-dna-surfaces-rail__empty{
  padding:8px 18px 16px;
  flex:0 0 auto;
}
.ca-dna-surfaces-rail__new-btn{
  width:100%;
  justify-content:center;
}
.ca-dna-surfaces-rail__list{
  list-style:none;
  margin:0;
  padding:4px 16px 20px;
  overflow-y:auto;
  overflow-x:hidden;
  flex:1 1 auto;
  min-height:0;
  align-self:stretch;
}
.ca-dna-surfaces-rail__entry{
  margin:0 0 10px;
  padding:0;
}
.ca-dna-surfaces-rail__entry:last-child{
  margin-bottom:0;
}
.ca-dna-surfaces-rail__item{
  display:block;
  width:100%;
  margin:0;
  padding:14px 16px;
  border:0;
  border-radius:8px;
  background:var(--ca-s-gray-100, #f3f4f6);
  text-align:left;
  cursor:pointer;
  font-family:inherit;
  transition:background .15s;
}
.ca-dna-surfaces-rail__item:hover{
  background:var(--ca-s-xeceef2, #eceef2);
}
.ca-dna-surfaces-rail__item.is-active{
  background:var(--ca-s-violet-100, #ede9fe);
}
.ca-dna-surfaces-rail__item-title{
  display:block;
  margin:0;
  font-family:inherit;
  font-size:15px;
  font-weight:700;
  color:var(--ca-t-slate-900, #0f172a);
  line-height:1.35;
  letter-spacing:-0.01em;
  word-wrap:break-word;
  overflow-wrap:anywhere;
}
.ca-dna-surfaces-rail__item-title .ca-proj-id,
.ca-dna-surface-form__title .ca-proj-id,
.ca-lop-kit-table__surface-title .ca-proj-id,
.ca-lop-kit-card__title .ca-proj-id{
  margin-left:6px;
  font-weight:600;
}
.ca-dna-surfaces-rail__item-sub{
  display:block;
  margin:4px 0 0;
  font-family:inherit;
  font-size:13px;
  font-weight:400;
  color:var(--ca-t-slate-500, #64748b);
  line-height:1.4;
  word-wrap:break-word;
  overflow-wrap:anywhere;
}
.ca-dna-surfaces-rail__item-meta{
  display:block;
  margin:2px 0 0;
  font-family:inherit;
  font-size:12px;
  font-weight:400;
  color:var(--ca-t-slate-400, #94a3b8);
  line-height:1.4;
}
@media (max-width:1024px){
  .ca-dashboard__content--dna{
    --ca-dna-surfaces-rail-width:0px;
  }
  .ca-dna-body{
    display:flex;
    flex-direction:column;
  }
  .ca-dna-body__main{
    padding-right:28px;
  }
  .ca-dna-surfaces-rail{
    position:relative;
    top:auto;
    right:auto;
    width:100%;
    height:auto;
    max-height:none;
    border-left:none;
    border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
    z-index:1;
    order:2;
  }
}
@media (max-width:768px){
  .ca-dna-body__main{
    padding:20px 16px 32px;
  }
}

/* Header row */
.ca-dna-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:24px;
  overflow:visible;
}
.ca-dashboard__topbar-right{
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
  margin-left:auto;
}
.ca-dashboard__topbar-page-actions{
  position:relative;
  /* Above the fixed Atlas Surfaces rail (40) so the "+ New" menu is not
     covered by it on the project DNA page. */
  z-index:60;
  overflow:visible;
}
.ca-dashboard__topbar--dna{
  overflow:visible;
  flex-wrap:wrap;
  align-items:stretch;
  gap:12px;
}
.ca-dashboard__topbar--dna .ca-dashboard__actions{
  flex-shrink:0;
}
.ca-dna-topbar-hint{
  display:flex;
  align-items:center;
  gap:12px;
  flex:1;
  min-width:0;
  margin-right:16px;
}
.ca-dna-topbar-hint__icon{
  width:40px;
  height:40px;
  border-radius:10px;
  background:var(--ca-s-violet-50, #f5f3ff);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.ca-dna-topbar-hint__content{
  min-width:0;
  flex:1;
}
.ca-dna-topbar-hint__title-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:2px;
}
.ca-dna-topbar-hint__title{
  margin:0;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-dna-topbar-hint__badge{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border:1px solid var(--ca-s-violet-200, #ddd6fe);
  border-radius:999px;
  background:var(--ca-s-purple-50, #faf5ff);
  font-size:12px;
  font-weight:600;
  line-height:1.3;
  color:var(--ca-t-violet-600, #7c3aed);
  white-space:nowrap;
}
.ca-dna-topbar-hint__subtitle{
  margin:0;
  font-size:13px;
  line-height:1.45;
  color:var(--ca-t-gray-500, #6b7280);
  overflow-wrap:normal;
  word-break:normal;
}
.ca-dna-header--actions-only{
  justify-content:flex-end;
  margin-bottom:16px;
}
.ca-dna-header__left{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.ca-dna-header__icon{
  width:40px;
  height:40px;
  border-radius:10px;
  background:var(--ca-s-violet-50, #f5f3ff);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  margin-top:2px;
}
.ca-dna-header__title{
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 6px;
}
.ca-dna-header__titles{
  flex:1;
  min-width:0;
}
.ca-dna-header__product-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:6px;
}
.ca-dna-header__name-input{
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  border:1px solid transparent;
  border-radius:8px;
  padding:4px 8px;
  min-width:220px;
  max-width:100%;
  background:transparent;
}
.ca-dna-header__name-input:hover,
.ca-dna-header__name-input:focus{
  border-color:var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-white, #ffffff);
  outline:none;
  box-shadow:0 0 0 3px rgba(124,58,237,.12);
}
.ca-dna-header__actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}
.ca-dna-copilot-open-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-color:var(--ca-s-violet-200, #ddd6fe);
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-dna-copilot-open-btn:hover{
  border-color:var(--ca-s-violet-300, #c4b5fd);
  background:var(--ca-s-violet-50, #f5f3ff);
  color:var(--ca-t-violet-800, #5b21b6);
}
.ca-dna-copilot-open-btn[aria-expanded="true"]{
  border-color:var(--ca-s-violet-600, #7c3aed);
  background:var(--ca-s-violet-50, #f5f3ff);
  color:var(--ca-t-violet-800, #5b21b6);
  box-shadow:0 0 0 3px rgba(124,58,237,.12);
}
.ca-dna-product-switcher__select{
  min-width:160px;
  padding:8px 12px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
  background:var(--ca-s-white, #ffffff);
}
.ca-dna-sidebar-products-wrap{
  display:block !important;
  align-items:stretch;
  justify-content:flex-start;
  margin:-4px 0 6px;
  padding:0;
  cursor:default;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.ca-dna-sidebar-products{
  list-style:none;
  margin:0;
  padding:0 0 0 10px;
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
  max-width:100%;
}
.ca-dna-sidebar-product{
  display:block;
  margin:0;
  padding:0;
  border-radius:8px;
}
.ca-dna-sidebar-product__link{
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 10px 7px 18px;
  border-radius:8px;
  text-decoration:none;
  color:var(--ca-t-slate-500, #64748b);
  font-size:13px;
  font-weight:500;
  line-height:1.35;
  transition:background .15s ease,color .15s ease;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.ca-dna-sidebar-product__link:hover{
  background:var(--ca-s-slate-50, #f8fafc);
  color:var(--ca-t-slate-700, #334155);
}
.ca-dna-sidebar-product.is-active .ca-dna-sidebar-product__link{
  color:var(--ca-t-slate-600, #475569);
  font-weight:600;
}
.ca-dna-sidebar-product__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:14px;
  height:14px;
  color:var(--ca-t-violet-400, #a78bfa);
  opacity:.9;
}
.ca-dna-sidebar-product__icon svg{
  display:block;
}
.ca-dna-sidebar-product__name{
  flex:1;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-dashboard__sidebar--dna{
  min-height:100vh;
  min-width:0;
  max-width:100%;
  overflow-x:hidden;
  overflow-y:auto;
}
/* Keep the DNA sidebar pinned while the page content scrolls (desktop only;
   below 1100px the sidebar is an off-canvas drawer and must stay position:fixed). */
@media (min-width:1101px){
  .ca-dashboard__sidebar--dna{
    position:sticky;
    top:0;
    align-self:start;
    height:100vh;
    min-height:0;
    max-height:100vh;
  }
}
.ca-dashboard__sidebar--dna .ca-dashboard__nav{
  flex-shrink:0;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.ca-dashboard__sidebar--dna .ca-dashboard__nav-list{
  min-width:0;
  max-width:100%;
}
.ca-dashboard__sidebar--dna .ca-dashboard__nav-list a{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-dna-sidebar-upload{
  margin-top:8px;
  padding-top:16px;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.ca-dna-sidebar-upload.ca-dna-section{
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  margin-bottom:0;
}
.ca-dna-sidebar-upload__head{
  padding:0 4px;
}
.ca-dna-sidebar-upload__head-row{
  display:flex;
  align-items:center;
  gap:8px;
}
.ca-dna-sidebar-upload__title{
  margin:0;
  font-size:13px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  line-height:1.3;
}
.ca-dna-sidebar-upload__desc{
  margin:4px 0 0;
  font-size:11px;
  color:var(--ca-t-slate-500, #64748b);
  line-height:1.4;
}
.ca-dna-sidebar-upload__head .ca-dna-section__missing{
  margin-top:8px;
}
.ca-dna-sidebar-upload__core{
  padding:8px 4px 0;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.ca-dna-prompt-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  box-sizing:border-box;
  margin:12px 0 0;
  padding:8px 10px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  font-size:12px;
  font-weight:500;
  line-height:1.35;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.ca-dna-prompt-btn:hover{
  border-color:var(--ca-s-violet-400, #a78bfa);
  color:var(--ca-t-violet-800, #5b21b6);
  background:var(--ca-s-purple-50, #faf5ff);
}
.ca-dna-prompt-btn svg{
  flex-shrink:0;
}
.ca-dna-prompt-modal__panel{
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-dna-prompt-modal__panel .ca-modal__step,
.ca-dna-prompt-modal__hint,
.ca-dna-prompt-modal__panel .ca-modal__actions .ca-btn{
  font-family:inherit;
}
.ca-dna-prompt-modal__panel .ca-modal__actions{
  margin-top:20px;
}
.ca-dna-prompt-modal__hint{
  margin:0 0 12px;
  font-size:13px;
  line-height:1.45;
  color:var(--ca-t-gray-600, #4b5563);
}
.ca-dna-prompt-modal__body{
  max-height:50vh;
  overflow:auto;
}
.ca-dna-prompt-modal__panel .ca-dna-prompt-modal__text{
  display:block;
  width:100%;
  box-sizing:border-box;
  min-height:220px;
  max-height:42vh;
  margin:0;
  padding:12px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-gray-50, #f9fafb);
  color:var(--ca-t-gray-900, #111827);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size:12px;
  line-height:1.5;
  white-space:pre-wrap;
  resize:vertical;
}
.ca-dna-sidebar-upload__expandable{
  padding:0 4px 12px;
}
.ca-dna-sidebar-upload:not(.ca-dna-section--open) .ca-dna-section__missing-panel,
.ca-dna-sidebar-upload:not(.ca-dna-section--open) .ca-dna-sidebar-upload__head .ca-dna-section__missing{
  display:none;
}
.ca-dna-sidebar-upload .ca-dna-section__missing-panel{
  margin:8px 4px 0;
}
.ca-dna-sidebar-upload .ca-dna-uploads{
  max-height:120px;
  overflow-x:hidden;
  overflow-y:auto;
  min-width:0;
  max-width:100%;
}
.ca-dna-sidebar-upload .ca-dna-upload-item{
  font-size:12px;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}
.ca-dna-sidebar-upload .ca-dna-upload-item a,
.ca-dna-sidebar-upload .ca-dna-upload-item span{
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-dna-sidebar-upload .ca-dna-upload-action{
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  margin-top:10px;
  padding-top:10px;
}
.ca-dna-sidebar-upload .ca-dna-upload-btn{
  justify-content:center;
  width:100%;
  box-sizing:border-box;
  font-size:12px;
  padding:8px 10px;
}
.ca-dna-sidebar-upload .ca-dna-upload-status{
  text-align:center;
  line-height:1.35;
}
.ca-dna-sidebar-upload .ca-dna-paste-divider{
  margin:12px 0 10px;
  font-size:10px;
}
.ca-dna-sidebar-upload .ca-dna-paste__label{
  font-size:12px;
  margin-bottom:6px;
}
.ca-dna-sidebar-upload .ca-dna-paste__textarea{
  min-height:88px;
  padding:10px;
  font-size:12px;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.ca-dna-sidebar-upload .ca-dna-paste__btn{
  width:100%;
  margin-top:8px;
  font-size:12px;
  padding:8px 10px;
}
.ca-dna-paste__status{
  margin:8px 0 0;
  min-height:1.2em;
  font-size:12px;
  line-height:1.45;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-dna-paste__status--analyzing{ color:var(--ca-t-violet-600, #7c3aed); }
.ca-dna-paste__status--ok{ color:var(--ca-t-green-600, #16a34a); }
.ca-dna-paste__status--err{ color:var(--ca-t-red-600, #dc2626); }
.ca-dna-extract-banner{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:20px;
  padding:14px 16px;
  border:1px solid var(--ca-s-green-200, #bbf7d0);
  border-radius:12px;
  background:var(--ca-s-green-50, #f0fdf4);
  color:var(--ca-t-green-800, #166534);
}
.ca-dna-extract-banner__content{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
  flex:1;
}
.ca-dna-extract-banner__body{
  min-width:0;
  flex:1;
}
.ca-dna-extract-banner__summary{
  margin:0 0 10px;
  font-size:14px;
  line-height:1.5;
  font-weight:600;
}
.ca-dna-extract-banner__summary:last-child{
  margin-bottom:0;
}
.ca-dna-extract-banner__fields{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.ca-dna-extract-banner__field{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:999px;
  background:var(--ca-s-white-a72, rgba(255,255,255,.72));
  border:1px solid rgba(22,101,52,.14);
  font-size:12px;
  font-weight:500;
  line-height:1.4;
  color:var(--ca-t-green-800, #166534);
}
.ca-dna-extract-banner__icon{
  flex-shrink:0;
  margin-top:2px;
  color:var(--ca-t-green-600, #16a34a);
}
.ca-dna-extract-banner__dismiss{
  flex-shrink:0;
  width:28px;
  height:28px;
  border:none;
  border-radius:8px;
  background:transparent;
  color:var(--ca-t-green-800, #166534);
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.ca-dna-extract-banner__dismiss:hover{
  background:rgba(22,101,52,.08);
}
.ca-dna-extract-banner--enter{
  animation:ca-dna-extract-banner-enter .65s ease-out;
  box-shadow:0 0 0 3px rgba(22,163,74,.28);
}
@keyframes ca-dna-extract-banner-enter{
  0%{ opacity:0; transform:translateY(-8px); }
  100%{ opacity:1; transform:translateY(0); }
}
.ca-dna-extract-banner__review{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:12px;
  padding:0;
  border:none;
  background:transparent;
  color:var(--ca-t-green-700, #15803d);
  font-size:13px;
  font-weight:600;
  line-height:1.4;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:2px;
}
.ca-dna-extract-banner__review:hover{
  color:var(--ca-t-green-800, #166534);
}
.ca-dna-extract-banner__review svg{
  flex-shrink:0;
}
.ca-dna-completion--highlight{
  animation:ca-dna-completion-highlight 2.2s ease-out;
}
@keyframes ca-dna-completion-highlight{
  0%,100%{ box-shadow:none; }
  18%{ box-shadow:0 0 0 3px rgba(124,58,237,.22); }
  55%{ box-shadow:0 0 0 3px rgba(124,58,237,.14); }
}
.ca-dna-completion{
  margin-bottom:20px;
  border:1px solid var(--ca-s-xe8ebf0, #e8ebf0);
  border-radius:16px;
  background:var(--ca-s-white, #ffffff);
  box-shadow:0 1px 3px rgba(15,23,42,.06);
  overflow:hidden;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-dna-completion__product{
  padding:18px 20px 0;
}
.ca-dna-completion__product-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.ca-dna-completion__product-actions{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
}
.ca-dna-completion__product-actions .ca-dna-copilot-open-btn,
.ca-dna-completion__save-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
  white-space:nowrap;
}
.ca-dna-completion__save-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
}
.ca-dna-completion__name-input{
  display:block;
  flex:1;
  min-width:0;
  width:auto;
  box-sizing:border-box;
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  border:1px solid transparent;
  border-radius:8px;
  padding:4px 8px;
  margin:0 -8px;
  background:transparent;
  font-family:inherit;
}
.ca-dna-completion__name-input:hover,
.ca-dna-completion__name-input:focus{
  border-color:var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-white, #ffffff);
  outline:none;
  box-shadow:0 0 0 3px rgba(124,58,237,.12);
}
.ca-dna-completion__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  width:100%;
  padding:18px 20px 0;
  border:none;
  background:transparent;
  text-align:left;
  cursor:pointer;
  font-family:inherit;
  color:inherit;
}
.ca-dna-completion__intro{
  min-width:0;
  flex:1;
}
.ca-dna-completion__title-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:4px;
}
.ca-dna-completion__title{
  margin:0;
  font-size:17px;
  font-weight:700;
  color:var(--ca-t-slate-900, #0f172a);
  letter-spacing:-.01em;
}
.ca-dna-completion__badge{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.01em;
}
.ca-dna-completion__badge--is-not-started{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-slate-500, #64748b);
}
.ca-dna-completion__badge--is-in-progress{
  background:var(--ca-s-orange-100, #ffedd5);
  color:var(--ca-t-orange-700, #c2410c);
}
.ca-dna-completion__badge--is-complete{
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-700, #15803d);
}
.ca-dna-completion__motion{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border:1px solid var(--ca-s-violet-200, #ddd6fe);
  border-radius:999px;
  background:var(--ca-s-purple-50, #faf5ff);
  font-size:12px;
  font-weight:600;
  line-height:1.3;
  color:var(--ca-t-violet-600, #7c3aed);
  white-space:nowrap;
}
.ca-dna-completion__meta{
  margin:0;
  font-size:13px;
  font-weight:400;
  color:var(--ca-t-slate-500, #64748b);
  line-height:1.5;
}
.ca-dna-completion__summary{
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
}
.ca-dna-completion__percent{
  display:inline-flex;
  align-items:baseline;
  gap:1px;
  font-family:inherit;
  color:var(--ca-t-slate-900, #0f172a);
  line-height:1;
}
.ca-dna-completion__percent-value{
  font-size:34px;
  font-weight:700;
  letter-spacing:-.03em;
}
.ca-dna-completion__percent-symbol{
  font-size:22px;
  font-weight:700;
  letter-spacing:-.02em;
}
.ca-dna-completion__chevron{
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:999px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-slate-400, #94a3b8);
  transition:transform .2s ease, background .15s ease, border-color .15s ease;
}
.ca-dna-completion__header:hover .ca-dna-completion__chevron{
  background:var(--ca-s-slate-50, #f8fafc);
  border-color:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-slate-500, #64748b);
}
.ca-dna-completion.is-open .ca-dna-completion__chevron{
  transform:rotate(180deg);
}
.ca-dna-completion__track{
  height:5px;
  margin:14px 20px 18px;
  background:var(--ca-s-xeef2f6, #eef2f6);
  border-radius:999px;
  overflow:hidden;
}
.ca-dna-completion__bar{
  display:block;
  height:100%;
  min-width:0;
  border-radius:999px;
  transition:width .25s ease, background-color .25s ease;
}
.ca-dna-completion[data-progress-level="pct-0"] .ca-dna-completion__bar{
  background:var(--ca-s-slate-300, #cbd5e1);
}
.ca-dna-completion[data-progress-level="pct-low"] .ca-dna-completion__bar{
  background:var(--ca-s-red-500, #ef4444);
}
.ca-dna-completion[data-progress-level="pct-mid"] .ca-dna-completion__bar{
  background:var(--ca-s-orange-500, #f97316);
}
.ca-dna-completion[data-progress-level="pct-high"] .ca-dna-completion__bar{
  background:var(--ca-s-amber-500, #f59e0b);
}
.ca-dna-completion[data-progress-level="pct-near"] .ca-dna-completion__bar{
  background:var(--ca-s-yellow-500, #eab308);
}
.ca-dna-completion[data-progress-level="pct-complete"] .ca-dna-completion__bar{
  background:var(--ca-s-green-500, #22c55e);
}
.ca-dna-completion__details{
  padding:0 20px 20px;
  border-top:1px solid var(--ca-s-slate-100, #f1f5f9);
  font-family:inherit;
}
.ca-dna-completion__sections-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  padding-top:16px;
  align-items:start;
}
.ca-dna-completion__sections-col{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
.ca-dna-completion__sections-grid .ca-dna-section,
.ca-dna-completion__sections-col .ca-dna-section{
  margin-bottom:0;
  min-width:0;
}
@media (max-width:900px){
  .ca-dna-completion__sections-grid{
    grid-template-columns:1fr;
  }
}
.ca-dna-new-product-wrap{
  position:relative;
  display:inline-block;
  max-width:100%;
}
details.ca-dna-new-product-wrap > summary.ca-dna-new-product-summary{
  list-style:none;
  cursor:pointer;
}
details.ca-dna-new-product-wrap > summary.ca-dna-new-product-summary::-webkit-details-marker{
  display:none;
}
details.ca-dna-new-product-wrap > summary.ca-dna-new-product-summary::marker{
  content:"";
}
.ca-dna-new-product-summary__chev{
  flex-shrink:0;
  opacity:.85;
  transition:transform .15s ease;
}
details.ca-dna-new-product-wrap[open] > summary .ca-dna-new-product-summary__chev{
  transform:rotate(180deg);
}
.ca-dna-new-product-summary--solid{
  box-shadow:0 10px 20px rgba(124,58,237,.18);
}
.ca-dna-new-product-summary--solid:hover{
  background:var(--ca-s-violet-700, #6d28d9);
}
.ca-dna-motion-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  width:280px;
  max-width:calc(100vw - 32px);
  box-sizing:border-box;
  overflow:hidden;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  box-shadow:0 10px 40px rgba(15,23,42,.12);
  padding:8px;
  z-index:50;
}
.ca-dna-motion-dropdown__label{
  margin:4px 10px 8px;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-dna-motion-dropdown__option{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  padding:10px 12px;
  border:none;
  border-radius:8px;
  background:transparent;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
  transition:background .15s;
}
.ca-dna-motion-dropdown__option:hover,
.ca-dna-motion-dropdown__option:focus{
  background:var(--ca-s-violet-50, #f5f3ff);
  outline:none;
}
.ca-dna-motion-dropdown__option-title{
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-dna-motion-dropdown__option-desc{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  max-width:100%;
  overflow-wrap:anywhere;
}
/* "+ New" first level: Project (with a side submenu) or Surface. */
.ca-dna-motion-dropdown--has-submenu{
  overflow:visible;
}
.ca-dna-new-type{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.ca-dna-new-type__row{
  position:relative;
}
.ca-dna-new-type__item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  box-sizing:border-box;
  padding:10px 12px;
  border:none;
  border-radius:8px;
  background:transparent;
  font-family:inherit;
  text-align:left;
  cursor:pointer;
  transition:background .15s;
}
.ca-dna-new-type__item:hover,
.ca-dna-new-type__item:focus,
.ca-dna-new-type__item.is-open{
  background:var(--ca-s-violet-50, #f5f3ff);
  outline:none;
}
.ca-dna-new-type__text{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.ca-dna-new-type__title{
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-dna-new-type__desc{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  overflow-wrap:anywhere;
}
.ca-dna-new-type__chev{
  flex-shrink:0;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-dna-new-type__submenu{
  position:absolute;
  top:-8px;
  right:calc(100% + 10px);
  width:264px;
  max-width:calc(100vw - 32px);
  box-sizing:border-box;
  padding:8px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  box-shadow:0 10px 40px rgba(15,23,42,.12);
  z-index:60;
}
.ca-dna-new-type__submenu[hidden]{
  display:none;
}
@media (max-width:640px){
  .ca-dna-new-type__submenu{
    position:static;
    width:auto;
    margin:4px 0 0;
    box-shadow:none;
    border-color:var(--ca-s-gray-100, #f3f4f6);
  }
}
.ca-dna-create-modal__motion-badge{
  margin-bottom:12px;
  padding:8px 12px;
  background:var(--ca-s-violet-50, #f5f3ff);
  border-radius:8px;
  color:var(--ca-t-violet-700, #6d28d9);
  font-size:13px;
  font-weight:600;
}
.ca-upload-modal__dropzone-wrap{
  position:relative;
}
.ca-dna-paste-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:20px 0 14px;
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.ca-dna-paste-divider::before,
.ca-dna-paste-divider::after{
  content:'';
  flex:1;
  height:1px;
  background:var(--ca-s-gray-200, #e5e7eb);
}
.ca-dna-paste{
  margin-top:4px;
}
.ca-dna-paste__label{
  display:block;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
  margin-bottom:8px;
}
.ca-dna-paste__textarea{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  min-height:120px;
  padding:12px 14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  font-size:14px;
  line-height:1.5;
  color:var(--ca-t-gray-900, #111827);
  resize:vertical;
  font-family:inherit;
}
.ca-dna-paste__textarea:focus{
  outline:none;
  border-color:var(--ca-s-violet-400, #a78bfa);
  box-shadow:0 0 0 3px rgba(124,58,237,.12);
}
.ca-dna-paste__btn{
  margin-top:10px;
}
.ca-dna-upload-status--analyzing{
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-dna-header__subtitle{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.55;
  margin:0;
  max-width:640px;
}

/* Collapsible sections */
.ca-dna-section{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
  margin-bottom:14px;
  overflow:visible;
}
.ca-dna-section__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 24px;
  cursor:pointer;
  overflow:visible;
}
.ca-dna-section__header-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.ca-dna-section__header-left > div{
  min-width:0;
}
.ca-dna-section__icon{
  width:32px;
  height:32px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.ca-dna-section__icon--green{ background:var(--ca-s-green-50, #f0fdf4); }
.ca-dna-section__icon--gray{  background:var(--ca-s-gray-100, #f3f4f6); }
.ca-dna-section__icon--purple{ background:var(--ca-s-violet-50, #f5f3ff); }
.ca-dna-section__icon--blue{  background:var(--ca-s-blue-50, #eff6ff); }
.ca-dna-section__title{
  font-size:15px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0;
}
.ca-dna-section__desc{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:2px 0 0;
}
.ca-dna-section__header-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
  position:relative;
  z-index:2;
}
.ca-dna-section__percent{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  color:var(--ca-t-slate-900, #0f172a);
  background:var(--ca-s-slate-100, #f1f5f9);
  flex-shrink:0;
}
.ca-dna-section__percent[data-progress-level="pct-0"]{
  background:var(--ca-s-slate-100, #f1f5f9);
  color:var(--ca-t-slate-500, #64748b);
}
.ca-dna-section__percent[data-progress-level="pct-low"]{
  background:var(--ca-s-red-100, #fee2e2);
  color:var(--ca-t-red-700, #b91c1c);
}
.ca-dna-section__percent[data-progress-level="pct-mid"]{
  background:var(--ca-s-orange-100, #ffedd5);
  color:var(--ca-t-orange-700, #c2410c);
}
.ca-dna-section__percent[data-progress-level="pct-high"]{
  background:var(--ca-s-amber-100, #fef3c7);
  color:var(--ca-t-amber-700, #b45309);
}
.ca-dna-section__percent[data-progress-level="pct-near"]{
  background:var(--ca-s-yellow-100, #fef9c3);
  color:var(--ca-t-yellow-700, #a16207);
}
.ca-dna-section__percent[data-progress-level="pct-complete"]{
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-700, #15803d);
}
.ca-dna-section__missing{
  position:relative;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-dna-section__missing-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 10px 5px 8px;
  border:1px solid var(--ca-s-orange-300, #fdba74);
  border-radius:999px;
  background:var(--ca-s-orange-50, #fff7ed);
  color:var(--ca-t-orange-700, #c2410c);
  font-size:12px;
  font-weight:600;
  line-height:1.3;
  cursor:pointer;
  font-family:inherit;
  white-space:nowrap;
  max-width:100%;
  flex-shrink:0;
}
.ca-dna-section__missing-text--short{
  display:none;
}
.ca-dna-section__missing-pill:hover{
  background:var(--ca-s-orange-100, #ffedd5);
}
.ca-dna-section__missing-dot{
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--ca-s-orange-500, #f97316);
  flex-shrink:0;
}
.ca-dna-section__missing-chevron{
  flex-shrink:0;
  color:var(--ca-t-orange-600, #ea580c);
  transition:transform .2s ease;
}
.ca-dna-section__missing.is-open .ca-dna-section__missing-chevron{
  transform:rotate(180deg);
}
.ca-dna-section__missing-panel{
  display:none;
  padding:0 24px 14px;
  border-bottom:1px solid var(--ca-s-gray-100, #f3f4f6);
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-dna-section__missing-panel.is-open{
  display:block;
}
.ca-dna-section__missing-list{
  list-style:none;
  margin:0;
  padding:10px 12px;
  border:1px solid var(--ca-s-orange-100, #ffedd5);
  border-radius:10px;
  background:var(--ca-s-xfffaf5, #fffaf5);
  display:flex;
  flex-direction:column;
  gap:6px;
}
.ca-dna-section__missing-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:7px 10px 7px 16px;
  border-radius:8px;
  position:relative;
  font-size:13px;
  font-weight:500;
  color:var(--ca-t-orange-800, #9a3412);
  line-height:1.4;
}
.ca-dna-section__missing-row:hover{
  background:var(--ca-s-orange-100, #ffedd5);
}
.ca-dna-section__missing-row::before{
  content:'';
  position:absolute;
  left:4px;
  top:50%;
  transform:translateY(-50%);
  width:6px;
  height:6px;
  border-radius:999px;
  background:var(--ca-s-orange-400, #fb923c);
}
.ca-dna-section__missing-field-label{
  flex:1;
  min-width:0;
}
.ca-dna-section__ai-suggest{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 11px;
  border:none;
  border-radius:7px;
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
  font-size:12px;
  font-weight:600;
  font-family:inherit;
  cursor:pointer;
  flex-shrink:0;
  white-space:nowrap;
}
.ca-dna-section__ai-suggest:hover:not(:disabled){
  background:var(--ca-s-violet-700, #6d28d9);
}
.ca-dna-section__ai-suggest:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.ca-dna-section__ai-suggest.is-loading{
  opacity:.75;
}
.ca-dna-section__suggest-result{
  margin-top:12px;
  padding:12px 14px;
  border:1px solid var(--ca-s-purple-200, #e9d5ff);
  border-radius:10px;
  background:var(--ca-s-purple-50, #faf5ff);
}
.ca-dna-section__suggest-result.is-loading .ca-dna-section__suggest-value{
  color:var(--ca-t-gray-500, #6b7280);
  font-style:italic;
}
.ca-dna-section__suggest-result.is-error{
  border-color:var(--ca-s-red-200, #fecaca);
  background:var(--ca-s-red-50, #fef2f2);
}
.ca-dna-section__suggest-label{
  margin:0 0 6px;
  font-size:13px;
  font-weight:700;
  color:var(--ca-t-violet-800, #5b21b6);
}
.ca-dna-section__suggest-explanation{
  margin:0 0 8px;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.45;
}
.ca-dna-section__suggest-value{
  margin:0 0 10px;
  padding:8px 10px;
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-violet-100, #ede9fe);
  font-size:13px;
  font-weight:500;
  color:var(--ca-t-gray-900, #111827);
  line-height:1.45;
  white-space:pre-wrap;
}
.ca-dna-section__suggest-error{
  margin:0 0 8px;
  font-size:12px;
  color:var(--ca-t-red-700, #b91c1c);
}
.ca-dna-section__suggest-actions{
  display:flex;
  gap:8px;
}
.ca-dna-section__suggest-save{
  display:inline-flex;
  align-items:center;
  padding:7px 16px;
  border:none;
  border-radius:8px;
  background:var(--ca-s-green-600, #16a34a);
  color:var(--ca-t-white, #ffffff);
  font-size:13px;
  font-weight:600;
  font-family:inherit;
  cursor:pointer;
}
.ca-dna-section__suggest-save:hover:not(:disabled){
  background:var(--ca-s-green-700, #15803d);
}
.ca-dna-section__suggest-save:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.ca-dna-suggester-widget-host{
  display:none !important;
}
:root{
  --ca-dna-suggest-panel-width:480px;
  --ca-dna-suggest-panel-max-width:640px;
}
.ca-dna-suggest-modal{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  width:var(--ca-dna-suggest-panel-width);
  max-width:var(--ca-dna-suggest-panel-max-width);
  z-index:10100;
  pointer-events:none;
  overflow:visible;
  box-sizing:border-box;
}
.ca-dna-suggest-modal[hidden]{
  display:none !important;
}
.ca-dna-suggest-modal__backdrop{
  display:none;
}
.ca-dna-suggest-modal__dialog{
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:1;
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  max-width:100%;
  height:100vh;
  height:100dvh;
  max-height:100dvh;
  overflow:hidden;
  background:var(--ca-s-white, #ffffff);
  border-left:1px solid var(--ca-s-gray-200, #e5e7eb);
  box-shadow:-12px 0 32px rgba(15,23,42,.1);
  padding:0;
  padding-left:14px;
  box-sizing:border-box;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  pointer-events:auto;
  transform:translateX(100%);
  transition:transform .28s cubic-bezier(.22,.61,.36,1);
}
.ca-dna-suggest-modal__dialog .ca-dna-flyout__close{
  right:12px;
}
.ca-dna-suggest-modal.is-open .ca-dna-suggest-modal__dialog{
  transform:translateX(0);
}
.ca-dna-suggest-modal.is-resizing .ca-dna-suggest-modal__dialog{
  transition:none;
}
.ca-dna-suggest-modal__resize{
  position:absolute;
  top:0;
  left:0;
  width:14px;
  height:100%;
  cursor:ew-resize;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
  touch-action:none;
}
.ca-dna-suggest-modal__resize:hover .ca-dna-suggest-modal__resize-grip,
.ca-dna-suggest-modal.is-resizing .ca-dna-suggest-modal__resize-grip{
  background:var(--ca-s-violet-600, #7c3aed);
}
.ca-dna-suggest-modal__resize-grip{
  width:4px;
  height:46px;
  border-radius:999px;
  background:var(--ca-s-slate-300, #cbd5e1);
  transition:background .15s;
}
.ca-dashboard__content > :not(.ca-dashboard__topbar){
  transition:padding-right .28s cubic-bezier(.22,.61,.36,1);
}
html.ca-dna-suggest-modal-open,
body.ca-dna-suggest-modal-open{
  overflow-x:hidden;
  width:100%;
  max-width:100%;
}
body.ca-dna-suggest-modal-open .ca-layout--dashboard{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  box-sizing:border-box;
}
body.ca-dna-suggest-modal-open .ca-dashboard{
  width:100%;
  max-width:100%;
  margin-right:0;
  box-sizing:border-box;
  overflow-x:hidden;
  grid-template-columns:var(--ca-sidebar-width) minmax(0, 1fr);
}
@media (max-width:1100px){
  body.ca-dna-suggest-modal-open .ca-dashboard{
    grid-template-columns:1fr;
  }
}
body.ca-dna-suggest-modal-open .ca-dna-body__main,
body.ca-dna-suggest-modal-open .ca-dashboard__content--dna > .ca-dashboard__topbar--dna{
  padding-right:calc(var(--ca-dna-flyout-gap) + min(var(--ca-dna-suggest-panel-width), calc(100vw - 72px)));
  box-sizing:border-box;
}
body.ca-dna-suggest-modal-open .ca-dna-surfaces-rail{
  visibility:hidden;
  pointer-events:none;
}
body.ca-dna-suggest-modal-open .ca-dashboard__topbar--dna{
  position:sticky;
  top:0;
  z-index:100;
  background:var(--ca-s-white, #ffffff);
}
body.ca-dna-suggest-resizing .ca-dna-body__main{
  transition:none;
}
.ca-dna-copilot{
  display:flex;
  flex-direction:column;
  flex:1;
  min-width:0;
  max-width:100%;
  height:100%;
  width:100%;
  overflow:hidden;
  box-sizing:border-box;
  position:relative;
}
.ca-dna-copilot *,
.ca-dna-copilot *::before,
.ca-dna-copilot *::after{
  box-sizing:border-box;
}
.ca-dna-copilot__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:18px 56px 14px 20px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  flex-shrink:0;
  min-width:0;
  position:sticky;
  top:0;
  z-index:30;
  background:var(--ca-s-white, #ffffff);
}
.ca-dna-copilot__header-main{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
  padding-right:8px;
}
.ca-dna-copilot__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:10px;
  background:var(--ca-s-violet-50, #f5f3ff);
  color:var(--ca-t-violet-600, #7c3aed);
  flex-shrink:0;
}
.ca-dna-copilot__header-text{
  min-width:0;
}
.ca-dna-copilot__title{
  margin:0 0 4px;
  font-size:17px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  line-height:1.25;
}
.ca-dna-copilot__subtitle{
  margin:0;
  font-size:12px;
  line-height:1.45;
  color:var(--ca-t-gray-500, #6b7280);
  overflow-wrap:anywhere;
}
.ca-dna-suggest-modal__dialog > .ca-dna-flyout__close{
  z-index:40;
}
.ca-dna-copilot__messages{
  flex:1;
  min-width:0;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  padding:16px 20px 12px;
  display:flex;
  flex-direction:column;
  gap:18px;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
.ca-dna-copilot__messages[aria-busy="true"]{
  justify-content:center;
}
.ca-dna-copilot__history-loader{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:48px 20px;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:13px;
  text-align:center;
}
.ca-dna-copilot__spinner{
  width:28px;
  height:28px;
  border:3px solid var(--ca-s-gray-200, #e5e7eb);
  border-top-color:var(--ca-s-violet-600, #7c3aed);
  border-radius:50%;
  animation:ca-dna-copilot-spin .7s linear infinite;
}
@keyframes ca-dna-copilot-spin{
  to{transform:rotate(360deg);}
}
.ca-dna-copilot__turn{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  max-width:100%;
  width:100%;
}
.ca-dna-copilot__turn--user{
  align-items:flex-end;
}
.ca-dna-copilot__turn--agent{
  align-items:flex-start;
}
.ca-dna-copilot__meta{
  font-size:11px;
  font-weight:600;
  letter-spacing:.02em;
  color:var(--ca-t-gray-400, #9ca3af);
  max-width:100%;
  overflow-wrap:anywhere;
}
.ca-dna-copilot__meta--user{
  text-align:right;
}
.ca-dna-copilot__agent-header{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  max-width:100%;
  width:100%;
}
.ca-dna-copilot__agent-header .ca-dna-copilot__meta{
  flex:1;
  min-width:0;
}
.ca-dna-copilot__avatar{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-700, #6d28d9);
  font-size:12px;
  font-weight:700;
  flex-shrink:0;
}
.ca-dna-copilot__body{
  max-width:100%;
  width:100%;
  font-size:13px;
  line-height:1.5;
  color:var(--ca-t-gray-700, #374151);
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.ca-dna-copilot__turn--user .ca-dna-copilot__body{
  text-align:right;
  color:var(--ca-t-gray-900, #111827);
}
/* Agent replies are rendered as elements (paragraphs, lists, bold), so the
   pre-wrap fallback used for plain text would double the spacing. */
.ca-dna-copilot__body:has(.ca-dna-copilot__para),
.ca-dna-copilot__body:has(.ca-dna-copilot__list),
.ca-dna-copilot__body:has(.ca-dna-copilot__subhead){
  white-space:normal;
}
.ca-dna-copilot__para{
  margin:0 0 8px;
}
.ca-dna-copilot__para:last-child{
  margin-bottom:0;
}
.ca-dna-copilot__subhead{
  margin:10px 0 6px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-dna-copilot__subhead:first-child{
  margin-top:0;
}
.ca-dna-copilot__list{
  margin:0 0 8px;
  padding-left:18px;
}
.ca-dna-copilot__list li{
  margin:0 0 4px;
}
.ca-dna-copilot__body code{
  padding:1px 4px;
  border-radius:4px;
  background:var(--ca-s-gray-100, #f3f4f6);
  font-size:12px;
}
.ca-dna-copilot__reply-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}
.ca-dna-copilot__reply-action{
  padding:7px 12px;
  border:1px solid var(--ca-s-violet-200, #ddd6fe);
  border-radius:8px;
  background:var(--ca-s-violet-50, #f5f3ff);
  color:var(--ca-t-violet-800, #5b21b6);
  font-family:inherit;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.ca-dna-copilot__reply-action:hover:not(:disabled){
  background:var(--ca-s-violet-100, #ede9fe);
  border-color:var(--ca-s-violet-300, #c4b5fd);
}
.ca-dna-copilot__reply-action:disabled{
  opacity:.6;
  cursor:default;
}
.ca-dna-copilot__body--loading{
  font-style:italic;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-dna-copilot__card{
  width:100%;
  max-width:100%;
  min-width:0;
  margin-top:4px;
  padding:12px 14px;
  border:1px solid var(--ca-s-purple-200, #e9d5ff);
  border-radius:10px;
  background:var(--ca-s-purple-50, #faf5ff);
}
.ca-dna-copilot__card-label{
  margin:0 0 8px;
  font-size:13px;
  font-weight:700;
  color:var(--ca-t-violet-800, #5b21b6);
  overflow-wrap:anywhere;
}
.ca-dna-copilot__card-value{
  margin:0 0 12px;
  padding:10px 12px;
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-violet-100, #ede9fe);
  font-size:13px;
  font-weight:500;
  color:var(--ca-t-gray-900, #111827);
  line-height:1.45;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.ca-dna-copilot__card-list{
  margin:0;
  padding-left:18px;
  max-width:100%;
  overflow-wrap:anywhere;
}
.ca-dna-copilot__card-list li{
  margin:0 0 4px;
}
.ca-dna-copilot__card-list li:last-child{
  margin-bottom:0;
}
.ca-dna-copilot__save{
  display:inline-flex;
  align-items:center;
  padding:8px 16px;
  border:none;
  border-radius:999px;
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
  font-size:13px;
  font-weight:600;
  font-family:inherit;
  cursor:pointer;
}
.ca-dna-copilot__save:hover:not(:disabled){
  background:var(--ca-s-violet-700, #6d28d9);
}
.ca-dna-copilot__save:disabled{
  opacity:1;
  cursor:not-allowed;
}
.ca-dna-copilot__save.is-saved,
.ca-dna-copilot__save:disabled:not(.is-saved){
  opacity:.65;
}
.ca-dna-copilot__save.is-saved{
  background:var(--ca-s-gray-200, #e5e7eb);
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-dna-copilot__composer{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  padding:12px 20px 16px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
  flex-shrink:0;
  min-width:0;
  background:var(--ca-s-white, #ffffff);
}
.ca-dna-copilot__composer-row{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.ca-dna-copilot__tool{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  flex-shrink:0;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  transition:color .15s, border-color .15s, background .15s;
}
.ca-dna-copilot__tool:hover{
  color:var(--ca-t-violet-600, #7c3aed);
  border-color:var(--ca-s-violet-300, #c4b5fd);
  background:var(--ca-s-violet-50, #f5f3ff);
}
.ca-dna-copilot__tool:disabled{
  opacity:.5;
  cursor:not-allowed;
}
.ca-dna-copilot__mic.is-recording{
  color:var(--ca-t-white, #ffffff);
  background:var(--ca-s-red-600, #dc2626);
  border-color:var(--ca-s-red-600, #dc2626);
  animation:caDnaMicPulse 1.4s ease-in-out infinite;
}
.ca-dna-copilot__mic.is-busy{
  color:var(--ca-t-violet-600, #7c3aed);
  border-color:var(--ca-s-violet-300, #c4b5fd);
  background:var(--ca-s-violet-50, #f5f3ff);
  cursor:progress;
}
@keyframes caDnaMicPulse{
  0%,100%{ box-shadow:0 0 0 0 rgba(220,38,38,.35); }
  50%{ box-shadow:0 0 0 6px rgba(220,38,38,0); }
}
.ca-dna-copilot__chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  min-width:0;
}
.ca-dna-copilot__chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  padding:5px 8px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:999px;
  background:var(--ca-s-gray-50, #f9fafb);
  font-size:12px;
  color:var(--ca-t-gray-700, #374151);
  min-width:0;
}
.ca-dna-copilot__chip-icon{
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-dna-copilot__chip-thumb{
  width:22px;
  height:22px;
  border-radius:6px;
  object-fit:cover;
  flex-shrink:0;
}
.ca-dna-copilot__chip-label{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:0;
  max-width:200px;
}
.ca-dna-copilot__chip-remove{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  flex-shrink:0;
  border:none;
  border-radius:50%;
  background:var(--ca-s-gray-200, #e5e7eb);
  color:var(--ca-t-gray-500, #6b7280);
  font-size:11px;
  line-height:1;
  cursor:pointer;
  padding:0;
}
.ca-dna-copilot__chip-remove:hover{
  background:var(--ca-s-red-600, #dc2626);
  color:var(--ca-t-white, #ffffff);
}
.ca-dna-copilot__composer-status{
  margin:0;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-dna-copilot__composer-status.is-error{
  color:var(--ca-t-red-600, #dc2626);
}
/* Co-Pilot suggestion review cards */
.ca-dna-props{
  margin-top:8px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  background:var(--ca-s-white, #ffffff);
  overflow:hidden;
}
.ca-dna-props__head{
  padding:9px 12px;
  background:var(--ca-s-gray-50, #f9fafb);
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-dna-props__list{
  display:flex;
  flex-direction:column;
}
.ca-dna-props__row{
  padding:10px 12px;
  border-bottom:1px solid var(--ca-s-gray-100, #f3f4f6);
}
.ca-dna-props__row:last-child{
  border-bottom:0;
}
.ca-dna-props__row.is-done{
  opacity:.6;
}
.ca-dna-props__label{
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
.ca-dna-props__value{
  margin-top:3px;
  font-size:13px;
  line-height:1.45;
  color:var(--ca-t-gray-900, #111827);
  overflow-wrap:anywhere;
}
.ca-dna-props__warn{
  margin-top:4px;
  font-size:11px;
  color:var(--ca-t-amber-700, #b45309);
  overflow-wrap:anywhere;
}
.ca-dna-props__actions{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:8px;
}
.ca-dna-props__add,
.ca-dna-props__skip,
.ca-dna-props__accept-all,
.ca-dna-props__dismiss{
  border-radius:8px;
  font-size:12px;
  font-weight:600;
  font-family:inherit;
  padding:6px 12px;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.ca-dna-props__add,
.ca-dna-props__accept-all{
  border:1px solid var(--ca-s-violet-600, #7c3aed);
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
}
.ca-dna-props__add:hover:not(:disabled),
.ca-dna-props__accept-all:hover:not(:disabled){
  background:var(--ca-s-violet-700, #6d28d9);
  border-color:var(--ca-s-violet-700, #6d28d9);
}
.ca-dna-props__skip,
.ca-dna-props__dismiss{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-dna-props__skip:hover:not(:disabled),
.ca-dna-props__dismiss:hover:not(:disabled){
  border-color:var(--ca-s-gray-300, #d1d5db);
  color:var(--ca-t-gray-700, #374151);
}
.ca-dna-props__add:disabled,
.ca-dna-props__accept-all:disabled{
  opacity:.65;
  cursor:default;
}
.ca-dna-props__status{
  font-size:11px;
  font-weight:600;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--ca-t-emerald-600, #059669);
}
/* Pipeline numbers the Co-Pilot asks for instead of inventing. */
.ca-dna-props--input .ca-dna-props__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.ca-dna-props__label{
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
.ca-dna-props__input{
  width:110px;
  padding:6px 8px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  font-family:inherit;
  font-size:13px;
  color:var(--ca-t-gray-900, #111827);
}
.ca-dna-props__input:focus{
  outline:none;
  border-color:var(--ca-s-violet-300, #c4b5fd);
  box-shadow:0 0 0 3px rgba(124,58,237,.12);
}
/* Agent / Plan / Ask switch. The header is a row until the switch is present,
   which needs the title and the modes stacked. */
.ca-dna-copilot__header:has(.ca-dna-copilot__modes){
  flex-direction:column;
  align-items:stretch;
}
.ca-dna-copilot__modes{
  display:flex;
  gap:4px;
  margin:10px 0 0;
  padding:3px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  background:var(--ca-s-gray-50, #f9fafb);
}
.ca-dna-copilot__mode{
  flex:1 1 0;
  padding:6px 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--ca-t-gray-500, #6b7280);
  font-family:inherit;
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  cursor:pointer;
}
.ca-dna-copilot__mode:hover:not(.is-active){
  color:var(--ca-t-gray-700, #374151);
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-dna-copilot__mode.is-active{
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
  box-shadow:0 1px 2px rgba(17,24,39,.12);
}
.ca-dna-copilot__mode-hint{
  margin:6px 0 0;
  font-size:11px;
  line-height:1.4;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-dna-props__foot{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-gray-50, #f9fafb);
}
/* Brief highlight on a form field that just received an accepted Co-Pilot suggestion. */
.ca-dna-field--flash{
  animation:caDnaFieldFlash 2.4s ease-out;
  border-radius:10px;
}
@keyframes caDnaFieldFlash{
  0%{ background:rgba(124,58,237,.16); box-shadow:0 0 0 3px rgba(124,58,237,.28); }
  60%{ background:rgba(124,58,237,.08); box-shadow:0 0 0 3px rgba(124,58,237,.12); }
  100%{ background:transparent; box-shadow:none; }
}
.ca-dna-copilot__input{
  flex:1;
  min-width:0;
  width:0;
  padding:10px 14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  font-size:13px;
  font-family:inherit;
  color:var(--ca-t-gray-900, #111827);
  background:var(--ca-s-white, #ffffff);
  outline:none;
}
.ca-dna-copilot__input:focus{
  border-color:var(--ca-s-violet-300, #c4b5fd);
  box-shadow:0 0 0 3px rgba(124,58,237,.12);
}
.ca-dna-copilot__input:disabled{
  background:var(--ca-s-gray-50, #f9fafb);
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-dna-copilot__send{
  padding:10px 18px;
  border:none;
  border-radius:10px;
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
  font-size:13px;
  font-weight:600;
  font-family:inherit;
  cursor:pointer;
  flex-shrink:0;
}
.ca-dna-copilot__send:hover:not(:disabled){
  background:var(--ca-s-violet-700, #6d28d9);
}
.ca-dna-copilot__send:disabled{
  opacity:.65;
  cursor:not-allowed;
}

/* AtlasGTM Co-Pilot — mobile full-screen sheet */
@media (max-width:900px){
  .ca-dna-suggest-modal{
    left:0;
    right:0;
    width:100%;
    max-width:100%;
  }
  .ca-dna-suggest-modal__dialog{
    padding-left:0;
    border-left:none;
    box-shadow:none;
  }
  .ca-dna-suggest-modal__resize{
    display:none;
  }
  body.ca-dna-suggest-modal-open .ca-dashboard,
  body.ca-dna-suggest-modal-open .ca-dna-body__main,
  body.ca-dna-suggest-modal-open .ca-dashboard__content--dna > .ca-dashboard__topbar--dna{
    padding-right:0 !important;
  }
  .ca-dna-copilot__header{
    align-items:center;
    padding:12px 56px 12px 14px;
    padding-top:max(12px, env(safe-area-inset-top, 0px));
    gap:10px;
  }
  .ca-dna-copilot__header-main{
    align-items:center;
    padding-right:0;
  }
  .ca-dna-copilot__icon{
    width:32px;
    height:32px;
  }
  .ca-dna-copilot__title{
    font-size:16px;
    margin:0;
  }
  .ca-dna-copilot__subtitle{
    display:none;
  }
  .ca-dna-suggest-modal__dialog > .ca-dna-flyout__close{
    top:max(12px, env(safe-area-inset-top, 0px));
    right:14px;
    width:40px;
    height:40px;
    z-index:40;
  }
  .ca-dna-copilot__messages{
    padding:12px 14px;
  }
  .ca-dna-copilot__composer{
    padding:10px 14px max(14px, env(safe-area-inset-bottom, 0px));
  }
  .ca-dna-copilot__input{
    font-size:16px;
  }
}

.ca-dna-section__toggle{
  background:none;
  border:none;
  padding:4px;
  cursor:pointer;
  color:var(--ca-t-gray-400, #9ca3af);
  display:flex;
  align-items:center;
  transition:transform .2s;
}
.ca-dna-section--open .ca-dna-section__toggle{
  transform:rotate(180deg);
}

@media (max-width:640px){
  .ca-dna-section__header{
    flex-wrap:wrap;
    align-items:flex-start;
    gap:10px;
    padding:14px 16px;
  }
  .ca-dna-section__header-left{
    flex:1 1 calc(100% - 36px);
  }
  .ca-dna-section__header-right{
    flex:1 1 100%;
    width:100%;
    flex-wrap:wrap;
    justify-content:flex-start;
    row-gap:8px;
    column-gap:8px;
  }
  .ca-dna-section__missing-text--long{
    display:none;
  }
  .ca-dna-section__missing-text--short{
    display:inline;
  }
}

/* Badges */
.ca-dna-badge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:3px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:600;
  white-space:nowrap;
}
.ca-dna-badge--green{
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-700, #15803d);
}
.ca-dna-badge--gray{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-dna-badge--purple{
  background:var(--ca-s-violet-50, #f5f3ff);
  color:var(--ca-t-violet-600, #7c3aed);
}

/* Section body (fields) */
.ca-dna-section__body{
  padding:0 24px 24px;
  display:none;
}
.ca-dna-section--open .ca-dna-section__body{
  display:block;
}

/* Form fields */
.ca-dna-field{
  margin-bottom:18px;
}
.ca-dna-field:last-child{
  margin-bottom:0;
}
.ca-dna-field__label{
  display:block;
  font-size:13px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin-bottom:6px;
}
.ca-dna-field__input,
.ca-dna-field__textarea{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  padding:10px 14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  font-size:13px;
  color:var(--ca-t-gray-900, #111827);
  background:var(--ca-s-white, #ffffff);
  outline:none;
  transition:border-color .15s;
  font-family:inherit;
}
.ca-dna-field__input:focus,
.ca-dna-field__textarea:focus{
  border-color:var(--ca-s-indigo-400, #818cf8);
  box-shadow:0 0 0 3px rgba(129,140,248,.12);
}
.ca-dna-field__textarea{
  resize:vertical;
  min-height:64px;
}

/* Marketplace Listing Status */
.ca-dna-marketplace{
  background:var(--ca-s-blue-50, #eff6ff);
  border:1px solid var(--ca-s-blue-100, #dbeafe);
  border-radius:14px;
  padding:22px 24px;
  margin-top:14px;
}
.ca-dna-marketplace__head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
}
.ca-dna-marketplace__title{
  font-size:15px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0;
}
.ca-dna-marketplace__desc{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:2px 0 0;
}
.ca-dna-marketplace__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:14px;
}
.ca-dna-marketplace__cell{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  padding:14px 16px;
}
.ca-dna-marketplace__cloud{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-bottom:4px;
}
.ca-dna-marketplace__status{
  font-size:15px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-dna-marketplace__note{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.55;
  margin:0;
}

/* Product & GTM DNA responsive — topbar stacks on mid-width desktops only
   (sidebar still visible). Below 1101px the hamburger grid layout takes over. */
@media (max-width:1280px) and (min-width:1101px){
  .ca-dashboard__topbar--dna,
  .ca-dashboard__topbar--projects{
    flex-wrap:wrap;
    align-items:stretch;
    gap:12px;
  }
  .ca-dashboard__topbar--dna .ca-dna-topbar-hint,
  .ca-dashboard__topbar--projects .ca-dna-topbar-hint{
    flex:1 1 100%;
    width:100%;
    min-width:0;
    margin-right:0;
  }
  .ca-dashboard__topbar--dna .ca-dashboard__topbar-right,
  .ca-dashboard__topbar--projects .ca-dashboard__topbar-right{
    flex:1 1 100%;
    width:100%;
    margin-left:0;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:10px;
  }
  .ca-dashboard__topbar--dna .ca-dashboard__topbar-page-actions,
  .ca-dashboard__topbar--projects .ca-dashboard__topbar-page-actions{
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:8px;
  }
}
/* Flyouts open — wide screens: title + actions on one row */
@media (min-width:1281px){
  body.ca-dna-surfaces-panel-open .ca-dashboard__topbar--dna,
  body.ca-dna-suggest-modal-open .ca-dashboard__topbar--dna{
    flex-wrap:nowrap;
    align-items:center;
    gap:16px;
  }
  body.ca-dna-surfaces-panel-open .ca-dashboard__topbar--dna .ca-dna-topbar-hint,
  body.ca-dna-suggest-modal-open .ca-dashboard__topbar--dna .ca-dna-topbar-hint{
    flex:1 1 auto;
    width:auto;
    min-width:0;
    margin-right:16px;
  }
  body.ca-dna-surfaces-panel-open .ca-dashboard__topbar--dna .ca-dashboard__topbar-right,
  body.ca-dna-suggest-modal-open .ca-dashboard__topbar--dna .ca-dashboard__topbar-right{
    flex:0 0 auto;
    width:auto;
    margin-left:auto;
    flex-wrap:nowrap;
    gap:12px;
  }
  body.ca-dna-surfaces-panel-open .ca-dashboard__topbar--dna .ca-dashboard__topbar-page-actions,
  body.ca-dna-suggest-modal-open .ca-dashboard__topbar--dna .ca-dashboard__topbar-page-actions{
    flex-wrap:nowrap;
  }
  body.ca-dna-surfaces-panel-open .ca-dashboard__topbar--dna .ca-dashboard__actions,
  body.ca-dna-suggest-modal-open .ca-dashboard__topbar--dna .ca-dashboard__actions{
    flex-shrink:0;
  }
}
/* Flyouts open — narrow: inherit the same topbar stack as panel-closed (1280px rules above) */
@media (max-width:1280px){
  body.ca-dna-surfaces-panel-open .ca-dashboard__topbar--dna .ca-dna-topbar-hint__subtitle,
  body.ca-dna-suggest-modal-open .ca-dashboard__topbar--dna .ca-dna-topbar-hint__subtitle{
    display:none;
  }
}
@media (max-width:768px){
  body.ca-dna-surfaces-panel-open .ca-dashboard__topbar--dna .ca-dashboard__topbar-right,
  body.ca-dna-suggest-modal-open .ca-dashboard__topbar--dna .ca-dashboard__topbar-right{
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
  }
  body.ca-dna-surfaces-panel-open .ca-dashboard__topbar--dna .ca-dashboard__topbar-page-actions,
  body.ca-dna-suggest-modal-open .ca-dashboard__topbar--dna .ca-dashboard__topbar-page-actions{
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    width:auto;
  }
  body.ca-dna-surfaces-panel-open .ca-dashboard__topbar--dna .ca-dashboard__topbar-page-actions .ca-btn,
  body.ca-dna-suggest-modal-open .ca-dashboard__topbar--dna .ca-dashboard__topbar-page-actions .ca-btn,
  body.ca-dna-surfaces-panel-open .ca-dashboard__topbar--dna .ca-dashboard__topbar-page-actions .ca-dna-new-product-wrap,
  body.ca-dna-suggest-modal-open .ca-dashboard__topbar--dna .ca-dashboard__topbar-page-actions .ca-dna-new-product-wrap{
    width:auto;
  }
}
@media (max-width:900px){
  .ca-dna-marketplace__grid{
    grid-template-columns:1fr;
  }
  .ca-dna-header{
    flex-direction:column;
  }
}
@media (max-width:480px){
  .ca-dna-topbar-hint__title{
    font-size:13px;
  }
  .ca-dna-topbar-hint__subtitle{
    font-size:12px;
  }
}

/* DNA page — additional styles */
.ca-dna-field__select{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  padding:10px 14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  font-size:13px;
  color:var(--ca-t-gray-900, #111827);
  background:var(--ca-s-white, #ffffff);
  outline:none;
  font-family:inherit;
  transition:border-color .15s;
}
.ca-dna-field__select:focus{
  border-color:var(--ca-s-indigo-400, #818cf8);
  box-shadow:0 0 0 3px rgba(129,140,248,.12);
}
.ca-dna-field__checks{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
}
.ca-dna-field__check{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
}
.ca-dna-field__check input[type="checkbox"]{
  width:16px;
  height:16px;
  accent-color:var(--ca-s-violet-600, #7c3aed);
  cursor:pointer;
}
.ca-dna-field__input--mb{
  margin-bottom:6px;
}
.ca-dna-dynamic{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.ca-dna-dynamic__row{
  display:flex;
  align-items:center;
  gap:8px;
}
.ca-dna-dynamic__row .ca-dna-field__input{
  flex:1;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.ca-dna-dynamic__remove{
  width:28px;
  height:28px;
  border:none;
  background:var(--ca-s-gray-100, #f3f4f6);
  border-radius:6px;
  font-size:16px;
  color:var(--ca-t-gray-400, #9ca3af);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  transition:background .15s,color .15s;
}
.ca-dna-dynamic__remove:hover{
  background:var(--ca-s-red-50, #fef2f2);
  color:var(--ca-t-red-600, #dc2626);
}
.ca-dna-dynamic__add{
  background:none;
  border:none;
  color:var(--ca-t-violet-600, #7c3aed);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  padding:4px 0;
  margin-top:4px;
  text-align:left;
  font-family:inherit;
}
.ca-dna-dynamic__add:hover{
  text-decoration:underline;
}
.ca-dna-notice{
  padding:12px 16px;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  margin-bottom:16px;
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-700, #374151);
}
.ca-dna-notice--success{
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-700, #15803d);
}
.ca-dna-notice--error{
  background:var(--ca-s-red-50, #fef2f2);
  color:var(--ca-t-red-600, #dc2626);
}
.ca-dna-uploads{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ca-dna-upload-item{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
}
.ca-dna-upload-item a{
  color:var(--ca-t-blue-600, #2563eb);
  text-decoration:none;
}
.ca-dna-upload-item a:hover{
  text-decoration:underline;
}
.ca-dna-uploads__empty{
  font-size:13px;
  color:var(--ca-t-gray-400, #9ca3af);
  margin:0;
}
.ca-dna-upload-action{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--ca-s-gray-100, #f3f4f6);
}
.ca-dna-upload-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 16px;
  border:1px dashed var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-violet-600, #7c3aed);
  cursor:pointer;
  background:var(--ca-s-purple-50, #faf5ff);
  transition:background .15s,border-color .15s;
}
.ca-dna-upload-btn:hover{
  background:var(--ca-s-purple-100, #f3e8ff);
  border-color:var(--ca-s-violet-400, #a78bfa);
}
.ca-dna-upload-status{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-dna-upload-status--ok{
  color:var(--ca-t-green-700, #15803d);
}
.ca-dna-upload-status--err{
  color:var(--ca-t-red-600, #dc2626);
}
.ca-dna-empty{
  text-align:center;
  padding:64px 24px;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-dna-empty svg{
  margin-bottom:16px;
}
.ca-dna-empty p{
  font-size:15px;
  margin-bottom:20px;
}
#caDnaSaveBtn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  flex-shrink:0;
}

/* ===== Manage Plan Page ===== */
.ca-mp-body{
  padding:28px 28px 40px;
}

/* Buy Advisory Credits */
.ca-mp-buy-credits{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
  padding:22px 28px;
  margin-bottom:28px;
}
.ca-mp-buy-credits__title{
  font-size:17px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 4px;
}
.ca-mp-buy-credits__desc{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 12px;
}
.ca-mp-buy-credits__label{
  display:block;
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
  margin-bottom:4px;
}
.ca-mp-buy-credits__select{
  padding:8px 12px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  font-size:13px;
  color:var(--ca-t-gray-900, #111827);
  background:var(--ca-s-white, #ffffff);
  min-width:320px;
  cursor:pointer;
}
.ca-mp-buy-credits__note{
  font-size:11px;
  color:var(--ca-t-gray-400, #9ca3af);
  margin:8px 0 0;
  line-height:1.5;
}
.ca-mp-buy-credits__right{
  flex-shrink:0;
  padding-top:4px;
}

/* ===== Pricing Section (prod design) ===== */
.ca-pricing-prod{
  width:100%;
  background:var(--ca-s-gray-50, #f9fafb);
  padding:40px 0 48px;
  margin:0 -28px 32px;
  padding-left:28px;
  padding-right:28px;
}
.ca-pricing-prod__container{
  max-width:1280px;
  margin:0 auto;
}
.ca-pricing-prod__header{
  text-align:center;
  margin-bottom:48px;
}
.ca-pricing-prod__title{
  font-size:28px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 12px;
}
.ca-pricing-prod__tagline{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 32px;
  opacity:.9;
}
.ca-pricing-prod__toggle-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.ca-pricing-prod__toggle-label{
  font-size:14px;
  font-weight:500;
  color:var(--ca-t-gray-400, #9ca3af);
  transition:color .2s;
}
.ca-pricing-prod__toggle-label.is-active{
  color:var(--ca-t-gray-900, #111827);
}
.ca-pricing-prod__toggle{
  position:relative;
  width:56px;
  height:28px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--ca-s-blue-600, #2563eb),var(--ca-s-violet-600, #7c3aed));
  border:none;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
  transition:all .3s;
}
.ca-pricing-prod__toggle-knob{
  position:absolute;
  top:2px;
  left:2px;
  width:24px;
  height:24px;
  background:var(--ca-s-white, #ffffff);
  border-radius:50%;
  box-shadow:0 1px 3px rgba(0,0,0,.2);
  transition:transform .3s;
}
.ca-pricing-prod__toggle.is-annual .ca-pricing-prod__toggle-knob{
  transform:translateX(28px);
}
.ca-pricing-prod__save-badge{
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-green-600, #16a34a);
  background:var(--ca-s-green-100, #dcfce7);
  padding:4px 8px;
  border-radius:999px;
}
.ca-pricing-prod__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  max-width:1280px;
  margin:0 auto;
  padding-top:24px;
}
.ca-pricing-prod__card{
  background:var(--ca-s-white, #ffffff);
  border-radius:16px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  padding:24px 32px;
  display:flex;
  flex-direction:column;
  position:relative;
  min-width:0;
}
.ca-pricing-prod__card--featured{
  border:2px solid var(--ca-s-blue-300, #93c5fd);
  box-shadow:0 4px 12px rgba(37,99,235,.08);
}
.ca-pricing-prod__badge{
  position:absolute;
  top:-12px;
  left:50%;
  transform:translateX(-50%);
  background:var(--ca-s-blue-600, #2563eb);
  color:var(--ca-t-white, #ffffff);
  font-size:12px;
  font-weight:500;
  padding:4px 12px;
  border-radius:999px;
  white-space:nowrap;
}
.ca-pricing-prod__card-body{
  flex:0 0 auto;
}
.ca-pricing-prod__card-title{
  font-size:22px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 8px;
}
.ca-pricing-prod__card-audience{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 12px;
  min-height:48px;
  line-height:1.5;
}
.ca-pricing-prod__price-wrap{
  margin-bottom:8px;
  display:flex;
  align-items:baseline;
  gap:8px;
  min-height:44px;
}
.ca-pricing-prod__price{
  font-size:36px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-pricing-prod__period{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  opacity:.9;
}
.ca-pricing-prod__save{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  font-weight:500;
  margin-bottom:8px;
  min-height:20px;
}
.ca-pricing-prod__save--green{
  color:var(--ca-t-green-600, #16a34a);
  font-weight:600;
}
.ca-pricing-prod__trial{
  font-size:14px;
  color:var(--ca-t-green-600, #16a34a);
  font-weight:500;
  margin:0 0 8px;
}
.ca-pricing-prod__includes{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 4px;
  opacity:.9;
}
.ca-pricing-prod__card-desc{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 24px;
  line-height:1.5;
  min-height:42px;
  opacity:.85;
}
.ca-pricing-prod__cta{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:100%;
  min-width:0;
  height:44px;
  padding:0 24px;
  border-radius:12px;
  background:linear-gradient(90deg,var(--ca-s-blue-600, #2563eb),var(--ca-s-violet-600, #7c3aed));
  box-sizing:border-box;
  color:var(--ca-t-white, #ffffff);
  font-family:inherit;
  font-weight:500;
  font-size:14px;
  text-decoration:none;
  transition:opacity .2s;
  margin-bottom:24px;
  box-shadow:0 4px 12px rgba(124,58,237,.2);
}
.ca-pricing-prod__cta:hover{
  opacity:.9;
  color:var(--ca-t-white, #ffffff);
}
.ca-pricing-prod__advisory-note{
  font-size:12px;
  color:var(--ca-t-gray-400, #9ca3af);
  margin-top:4px;
}
.ca-pricing-prod__usage-link{
  display:inline-block;
  font-size:13px;
  color:var(--ca-t-blue-600, #2563eb);
  text-decoration:underline;
  margin-top:4px;
}
.ca-pricing-prod__usage-link:hover{
  color:var(--ca-t-blue-700, #1d4ed8);
}
.ca-pricing-prod__details{
  flex:1 1 auto;
  margin-top:0;
}
.ca-pricing-prod__detail-block{
  margin-bottom:24px;
}
.ca-pricing-prod__detail-block:last-of-type{
  margin-bottom:16px;
}
.ca-pricing-prod__detail-title{
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 8px;
  opacity:.9;
}
.ca-pricing-prod__detail-list{
  list-style:none;
  padding:0;
  margin:0;
  font-size:14px;
  color:var(--ca-t-gray-700, #374151);
  line-height:1.6;
  opacity:.9;
}
.ca-pricing-prod__detail-list li{
  margin-bottom:6px;
  padding-left:0;
}
.ca-pricing-prod__detail-list li::before{
  content:'• ';
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-pricing-prod__details-btn{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  background:none;
  border:none;
  cursor:pointer;
  padding:8px 0;
  transition:color .2s;
}
.ca-pricing-prod__details-btn:hover{
  color:var(--ca-t-gray-900, #111827);
}
.ca-pricing-prod__details-btn svg{
  transition:transform .2s;
}
.ca-pricing-prod__extra-divider{
  border:none;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
  margin:16px 0;
}
.ca-pricing-prod__extra .ca-pricing-prod__detail-block:last-child{
  margin-bottom:0;
}

/* ── Flex Execution Credits Guide ── */
.ca-credits-guide{
  margin-top:48px;
  padding:0 16px;
}
.ca-credits-guide__container{
  max-width:1024px;
  margin:0 auto;
}
.ca-credits-guide__header{
  text-align:center;
  margin-bottom:40px;
}
.ca-credits-guide__title{
  font-size:28px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 12px;
}
.ca-credits-guide__tagline{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.6;
  max-width:640px;
  margin:0 auto;
  opacity:.9;
}
.ca-credits-guide__costs{
  background:var(--ca-s-white, #ffffff);
  border-radius:16px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  box-shadow:0 1px 3px rgba(0,0,0,.06);
  padding:24px;
  margin-bottom:32px;
}
.ca-credits-guide__costs-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  text-align:center;
}
@media (min-width:768px){
  .ca-credits-guide__costs-grid{
    grid-template-columns:repeat(4,1fr);
  }
}
.ca-credits-guide__cost-box{
  padding:12px;
  border-radius:12px;
}
.ca-credits-guide__cost-box--blue{
  background:var(--ca-s-blue-50, #eff6ff);
}
.ca-credits-guide__cost-box--purple{
  background:var(--ca-s-violet-50, #f5f3ff);
}
.ca-credits-guide__cost-value{
  font-size:28px;
  font-weight:700;
  margin-bottom:4px;
}
.ca-credits-guide__cost-box--blue .ca-credits-guide__cost-value{
  color:var(--ca-t-blue-600, #2563eb);
}
.ca-credits-guide__cost-box--purple .ca-credits-guide__cost-value{
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-credits-guide__cost-label{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-credits-guide__how{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
  text-align:center;
}
.ca-credits-guide__how p{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
  opacity:.8;
}
.ca-credits-guide__tabs{
  display:flex;
  gap:8px;
  margin-bottom:24px;
}
.ca-credits-guide__tab{
  flex:1;
  padding:12px 24px;
  border-radius:12px;
  font-size:14px;
  font-weight:500;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  transition:all .2s;
}
.ca-credits-guide__tab:hover{
  border-color:var(--ca-s-gray-300, #d1d5db);
}
.ca-credits-guide__tab--active{
  border:2px solid var(--ca-s-blue-600, #2563eb);
  color:var(--ca-t-blue-600, #2563eb);
  background:var(--ca-s-white, #ffffff);
}
.ca-credits-guide__tab[data-ca-credits-tab="execution"].ca-credits-guide__tab--active{
  border-color:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-credits-guide__items{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ca-credits-guide__items[hidden]{
  display:none !important;
}
.ca-credits-guide__item{
  background:var(--ca-s-white, #ffffff);
  border-radius:12px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  overflow:hidden;
}
.ca-credits-guide__item-trigger{
  width:100%;
  padding:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:none;
  border:none;
  cursor:pointer;
  text-align:left;
  transition:background .2s;
}
.ca-credits-guide__item-trigger:hover{
  background:var(--ca-s-gray-50, #f9fafb);
}
.ca-credits-guide__item-left{
  display:flex;
  align-items:center;
  gap:16px;
  flex:1;
}
.ca-credits-guide__item-credits{
  display:flex;
  align-items:baseline;
  gap:4px;
  min-width:60px;
}
.ca-credits-guide__item-num{
  font-size:28px;
  font-weight:700;
  color:var(--ca-t-blue-600, #2563eb);
}
.ca-credits-guide__item-num--purple{
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-credits-guide__item-unit{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  opacity:.7;
}
.ca-credits-guide__item-title{
  font-size:16px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 4px;
}
.ca-credits-guide__item-desc{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
  opacity:.85;
}
.ca-credits-guide__item-chevron{
  width:20px;
  height:20px;
  color:var(--ca-t-gray-500, #6b7280);
  flex-shrink:0;
  transition:transform .2s;
}
.ca-credits-guide__item--open .ca-credits-guide__item-chevron{
  transform:rotate(180deg);
}
.ca-credits-guide__item-body{
  display:none;
  padding:16px 20px 20px;
  margin:12px 20px 20px;
  background:var(--ca-s-slate-50, #f8fafc);
  border-radius:12px;
}
.ca-credits-guide__item--open .ca-credits-guide__item-body{
  display:block;
}
.ca-credits-guide__item-body-title{
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 8px;
}
.ca-credits-guide__item-body-intro{
  font-size:14px;
  color:var(--ca-t-gray-700, #374151);
  line-height:1.6;
  margin:0 0 12px;
}
.ca-credits-guide__item--execution .ca-credits-guide__item-body-intro{
  font-weight:600;
}
.ca-credits-guide__item-body-list{
  list-style:disc;
  padding-left:20px;
  margin:0 0 12px;
  font-size:14px;
  color:var(--ca-t-gray-700, #374151);
  line-height:1.6;
}
.ca-credits-guide__item-body-list li{
  margin-bottom:6px;
}
.ca-credits-guide__item-body-note{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  font-style:italic;
  margin:0;
  opacity:.9;
}
.ca-credits-guide__scenarios{
  margin-top:40px;
}
.ca-credits-guide__scenarios-title{
  font-size:18px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 16px;
  text-align:center;
}
.ca-credits-guide__scenario{
  background:var(--ca-s-white, #ffffff);
  border-radius:12px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  overflow:hidden;
  margin-bottom:8px;
}
.ca-credits-guide__scenario-trigger{
  width:100%;
  padding:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:none;
  border:none;
  cursor:pointer;
  text-align:left;
  transition:background .2s;
}
.ca-credits-guide__scenario-trigger:hover{
  background:var(--ca-s-gray-50, #f9fafb);
}
.ca-credits-guide__scenario-left{
  display:flex;
  align-items:center;
  gap:12px;
}
.ca-credits-guide__scenario-dot{
  width:8px;
  height:8px;
  border-radius:50%;
}
.ca-credits-guide__scenario-dot--blue{
  background:var(--ca-s-blue-500, #3b82f6);
}
.ca-credits-guide__scenario-dot--green{
  background:var(--ca-s-green-500, #22c55e);
}
.ca-credits-guide__scenario-dot--purple{
  background:var(--ca-s-purple-500, #a855f7);
}
.ca-credits-guide__scenario-label{
  font-size:14px;
  font-weight:500;
  color:var(--ca-t-gray-900, #111827);
}
.ca-credits-guide__scenario-chevron{
  width:16px;
  height:16px;
  color:var(--ca-t-gray-500, #6b7280);
  flex-shrink:0;
  transition:transform .2s;
}
.ca-credits-guide__scenario--open .ca-credits-guide__scenario-chevron{
  transform:rotate(180deg);
}
.ca-credits-guide__scenario-body{
  display:none;
  padding:0 16px 16px;
  border-top:1px solid var(--ca-s-gray-100, #f3f4f6);
}
.ca-credits-guide__scenario--open .ca-credits-guide__scenario-body{
  display:block;
}
.ca-credits-guide__scenario-body p{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.6;
  margin:12px 0 0;
  opacity:.9;
}

/* Plan CTA (for Atlas Solo) */
.ca-mp-plan__cta{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:11px 16px;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  background:linear-gradient(135deg,var(--ca-s-violet-600, #7c3aed),var(--ca-s-blue-600, #2563eb));
  color:var(--ca-t-white, #ffffff);
  border:none;
  cursor:pointer;
  transition:opacity .15s;
}
.ca-mp-plan__cta:hover{
  opacity:.9;
}

/* Bottom row - Atlas Solo uses these */
.ca-mp-plan__price{
  display:flex;
  align-items:baseline;
  gap:2px;
  margin-bottom:12px;
}
.ca-mp-plan__amount{
  font-size:28px;
  font-weight:800;
  color:var(--ca-t-gray-900, #111827);
  line-height:1;
}
.ca-mp-plan__period{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  font-weight:500;
}
.ca-mp-plan__features{
  list-style:none;
  padding:0;
  margin:0 0 20px;
}
.ca-mp-plan__features li{
  position:relative;
  padding-left:16px;
  font-size:12px;
  color:var(--ca-t-gray-700, #374151);
  line-height:1.55;
  margin-bottom:8px;
}
.ca-mp-plan__features li::before{
  content:'';
  position:absolute;
  left:0;
  top:6px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--ca-s-violet-600, #7c3aed);
}

/* Bottom row */
.ca-mp-bottom{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.ca-mp-solo{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
  padding:24px 22px;
  display:flex;
  flex-direction:column;
}
.ca-mp-solo__name{
  font-size:16px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 8px;
}
.ca-mp-solo__desc{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.55;
  margin:0 0 16px;
}
.ca-mp-solo__note{
  font-size:11px;
  color:var(--ca-t-gray-400, #9ca3af);
  font-style:italic;
  margin:12px 0 0;
}

/* How credits work */
.ca-mp-credits-info{
  background:var(--ca-s-slate-50, #f8fafc);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
  padding:24px 22px;
}
.ca-mp-credits-info__title{
  font-size:16px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 12px;
}
.ca-mp-credits-info__text{
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
  line-height:1.6;
  margin:0 0 10px;
}
.ca-mp-credits-info__text strong{
  color:var(--ca-t-gray-900, #111827);
}
.ca-mp-credits-info__tiers{
  list-style:none;
  padding:0;
  margin:14px 0 0;
}
.ca-mp-credits-info__tiers li{
  position:relative;
  padding-left:16px;
  font-size:12px;
  color:var(--ca-t-gray-700, #374151);
  line-height:1.55;
  margin-bottom:6px;
}
.ca-mp-credits-info__tiers li::before{
  content:'';
  position:absolute;
  left:0;
  top:6px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--ca-s-violet-600, #7c3aed);
}

/* Manage Plan responsive */
@media (max-width:1024px){
  .ca-pricing-prod__grid{
    grid-template-columns:1fr;
  }
  .ca-pricing-prod__card--featured{
    order:-1;
  }
  .ca-mp-bottom{
    grid-template-columns:1fr;
  }
}
@media (max-width:768px){
  .ca-pricing-prod{
    margin-left:-16px;
    margin-right:-16px;
    padding-left:16px;
    padding-right:16px;
  }
}
@media (max-width:768px){
  .ca-mp-body{
    padding:20px 16px 32px;
  }
  .ca-mp-buy-credits{
    flex-direction:column;
    padding:18px 16px;
  }
  .ca-mp-buy-credits__select{
    min-width:0;
    width:100%;
  }
}

/* WooCommerce My Account – refined dashboard-style layout */
body.woocommerce-account{
  background:linear-gradient(160deg, var(--ca-s-slate-50, #f8fafc) 0%, var(--ca-s-slate-100, #f1f5f9) 40%, var(--ca-s-indigo-50, #eef2ff) 100%);
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  min-height:100vh;
}
body.woocommerce-account .site-main{
  max-width:1200px;
  margin:0 auto;
  padding:32px 24px 48px;
}
body.woocommerce-account .entry-header{
  display:none;
}
body.woocommerce-account .woocommerce{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:28px;
  align-items:start;
}
body.woocommerce-account .woocommerce-MyAccount-navigation{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:16px;
  padding:12px;
  box-shadow:0 4px 6px -1px rgba(0,0,0,.05), 0 10px 20px -5px rgba(0,0,0,.06);
  position:sticky;
  top:24px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul{
  margin:0;
  padding:0;
  list-style:none;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li{
  margin:0 0 4px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{
  margin-bottom:0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:block;
  padding:12px 14px;
  border-radius:10px;
  color:var(--ca-t-slate-500, #64748b);
  font-weight:500;
  font-size:14px;
  text-decoration:none;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
  border-left:3px solid transparent;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover{
  background:var(--ca-s-slate-50, #f8fafc);
  color:var(--ca-t-indigo-700, #4338ca);
}
body.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{
  background:linear-gradient(90deg, rgba(124,58,237,.08) 0%, transparent 100%);
  color:var(--ca-t-violet-700, #6d28d9);
  border-left-color:var(--ca-s-violet-600, #7c3aed);
}
body.woocommerce-account .woocommerce-MyAccount-content{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:20px;
  padding:32px 36px;
  box-shadow:0 4px 6px -1px rgba(0,0,0,.04), 0 14px 28px -8px rgba(0,0,0,.08);
  color:var(--ca-t-slate-900, #0f172a);
  line-height:1.6;
}
body.woocommerce-account .woocommerce h2,
body.woocommerce-account .woocommerce h3{
  margin:0 0 16px;
  color:var(--ca-t-slate-900, #0f172a);
  font-weight:600;
  font-size:1.25rem;
}
body.woocommerce-account .woocommerce p{
  color:var(--ca-t-slate-600, #475569);
  margin:0 0 12px;
  font-size:15px;
}
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button){
  color:var(--ca-t-blue-600, #2563eb);
  text-decoration:none;
  font-weight:500;
  transition:color .15s ease;
}
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button):hover{
  color:var(--ca-t-blue-700, #1d4ed8);
  text-decoration:underline;
}
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-error{
  border-radius:12px;
  border:1px solid var(--ca-s-blue-200, #bfdbfe);
  background:var(--ca-s-blue-50, #eff6ff);
  color:var(--ca-t-blue-800, #1e40af);
  padding:14px 16px 14px 44px;
  margin:0 0 18px;
  font-size:14px;
}
body.woocommerce-account .woocommerce-error{
  border-color:var(--ca-s-red-200, #fecaca);
  background:var(--ca-s-red-50, #fef2f2);
  color:var(--ca-t-red-800, #991b1b);
}
body.woocommerce-account .woocommerce table.shop_table{
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:14px;
  overflow:hidden;
  border-collapse:separate;
  border-spacing:0;
  background:var(--ca-s-white, #ffffff);
  box-shadow:0 1px 3px rgba(0,0,0,.04);
}
body.woocommerce-account .woocommerce table.shop_table th{
  background:var(--ca-s-slate-50, #f8fafc);
  color:var(--ca-t-slate-500, #64748b);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:600;
}
body.woocommerce-account .woocommerce table.shop_table th,
body.woocommerce-account .woocommerce table.shop_table td{
  border-bottom:1px solid var(--ca-s-slate-100, #f1f5f9);
  padding:14px 16px;
}
body.woocommerce-account .woocommerce table.shop_table tr:last-child td{
  border-bottom:0;
}
body.woocommerce-account .woocommerce table.shop_table td{
  color:var(--ca-t-slate-700, #334155);
  font-size:14px;
}
body.woocommerce-account .woocommerce form .form-row{
  margin-bottom:18px;
}
body.woocommerce-account .woocommerce form label{
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  margin-bottom:8px;
  font-size:14px;
}
body.woocommerce-account .woocommerce form input.input-text,
body.woocommerce-account .woocommerce form input[type="text"],
body.woocommerce-account .woocommerce form input[type="email"],
body.woocommerce-account .woocommerce form input[type="password"],
body.woocommerce-account .woocommerce form input[type="tel"],
body.woocommerce-account .woocommerce form textarea,
body.woocommerce-account .woocommerce form select{
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  padding:12px 14px;
  color:var(--ca-t-gray-900, #111827);
  font-size:15px;
  transition:border-color .15s ease, box-shadow .15s ease;
}
body.woocommerce-account .woocommerce form input:focus,
body.woocommerce-account .woocommerce form textarea:focus,
body.woocommerce-account .woocommerce form select:focus{
  outline:none;
  border-color:var(--ca-s-violet-600, #7c3aed);
  box-shadow:0 0 0 3px rgba(124,58,237,.15);
}
body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce input.button{
  border:0;
  border-radius:10px;
  background:linear-gradient(135deg,var(--ca-s-indigo-500, #6366f1),var(--ca-s-violet-600, #7c3aed));
  color:var(--ca-t-white, #ffffff);
  font-weight:600;
  font-size:14px;
  padding:12px 20px;
  transition:transform .15s ease, box-shadow .15s ease;
}
body.woocommerce-account .woocommerce .button:hover{
  box-shadow:0 10px 25px -5px rgba(124,58,237,.25);
  transform:translateY(-1px);
}
body.woocommerce-account .woocommerce .addresses .title .edit{
  font-size:13px;
  color:var(--ca-t-indigo-500, #6366f1);
  font-weight:500;
}

/* Logged-in My Account: enforce sidebar + content two-column layout */
body.woocommerce-account.logged-in .site-main{
  max-width:1200px;
}
body.woocommerce-account.logged-in .woocommerce{
  display:grid;
  grid-template-columns:260px minmax(0, 1fr);
  gap:28px;
  align-items:start;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content{
  float:none;
  width:auto;
  margin:0;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation{
  grid-column:1;
  width:100%;
  max-width:260px;
  align-self:start;
}
body.woocommerce-account.logged-in .woocommerce-MyAccount-content{
  grid-column:2;
  width:100%;
  min-width:0;
}
body.woocommerce-account.logged-in #page{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
body.woocommerce-account.logged-in #content,
body.woocommerce-account.logged-in .site-main{
  flex:1 0 auto;
}
body.woocommerce-account.logged-in footer{
  margin-top:auto;
  text-align:center;
  padding:20px 16px 24px;
}
body.woocommerce-account.logged-in footer p{
  margin:0;
  color:var(--ca-t-gray-700, #374151);
  font-size:14px;
}

@media (max-width:980px){
  body.woocommerce-account .woocommerce{
    grid-template-columns:1fr;
    gap:24px;
  }
  body.woocommerce-account .woocommerce-MyAccount-navigation{
    position:static;
  }
  body.woocommerce-account .woocommerce-MyAccount-content{
    padding:24px 20px;
  }
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content{
    grid-column:auto;
    max-width:none;
  }
}

/* WooCommerce reset-password page */
body.woocommerce-account.woocommerce-lost-password .ca-topbar__brand-img{
  width:auto;
  max-height:48px;
  height:auto;
}
body.woocommerce-account.woocommerce-lost-password .site-main{
  max-width:760px;
  margin:0 auto;
  padding:32px 20px 56px;
}
body.woocommerce-account.woocommerce-lost-password .woocommerce{
  display:block;
  width:520px;
  margin:0 auto;
  box-sizing:border-box;
}
@media (max-width:900px){
  body.woocommerce-account.woocommerce-lost-password .woocommerce{
    width:480px;
  }
  body.woocommerce-account.woocommerce-lost-password .woocommerce form.woocommerce-ResetPassword,
  body.woocommerce-account.woocommerce-lost-password .woocommerce form.lost_reset_password{
    max-width:480px;
  }
}
@media (max-width:700px){
  body.woocommerce-account.woocommerce-lost-password .woocommerce{
    width:420px;
  }
  body.woocommerce-account.woocommerce-lost-password .woocommerce form.woocommerce-ResetPassword,
  body.woocommerce-account.woocommerce-lost-password .woocommerce form.lost_reset_password{
    max-width:420px;
  }
}
@media (max-width:500px){
  body.woocommerce-account.woocommerce-lost-password .woocommerce{
    width:380px;
  }
  body.woocommerce-account.woocommerce-lost-password .woocommerce form.woocommerce-ResetPassword,
  body.woocommerce-account.woocommerce-lost-password .woocommerce form.lost_reset_password{
    max-width:380px;
  }
}
@media (max-width:400px){
  body.woocommerce-account.woocommerce-lost-password .woocommerce{
    width:340px;
  }
  body.woocommerce-account.woocommerce-lost-password .woocommerce form.woocommerce-ResetPassword,
  body.woocommerce-account.woocommerce-lost-password .woocommerce form.lost_reset_password{
    max-width:340px;
  }
}
body.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-message,
body.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-error,
body.woocommerce-account.woocommerce-lost-password .woocommerce .woocommerce-info{
  margin-bottom:16px;
}
body.woocommerce-account.woocommerce-lost-password .woocommerce form.woocommerce-ResetPassword,
body.woocommerce-account.woocommerce-lost-password .woocommerce form.lost_reset_password{
  display:block;
  width:100%;
  max-width:520px;
  margin:0 auto;
  box-sizing:border-box;
  box-sizing:border-box;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:18px;
  padding:26px 24px 22px;
  box-shadow:0 6px 16px rgba(15, 23, 42, 0.08);
}
body.woocommerce-account.woocommerce-lost-password .woocommerce form.woocommerce-ResetPassword > p:first-child,
body.woocommerce-account.woocommerce-lost-password .woocommerce form.lost_reset_password > p:first-child{
  margin:0 0 18px;
  color:var(--ca-t-gray-700, #374151);
  font-size:14px;
}
body.woocommerce-account.woocommerce-lost-password .woocommerce form.woocommerce-ResetPassword .form-row,
body.woocommerce-account.woocommerce-lost-password .woocommerce form.lost_reset_password .form-row{
  float:none;
  width:100%;
  margin:0 0 14px;
  padding:0;
}
body.woocommerce-account.woocommerce-lost-password .woocommerce form.woocommerce-ResetPassword .form-row label,
body.woocommerce-account.woocommerce-lost-password .woocommerce form.lost_reset_password .form-row label{
  display:block;
  margin-bottom:8px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
body.woocommerce-account.woocommerce-lost-password .woocommerce form.woocommerce-ResetPassword .password-input,
body.woocommerce-account.woocommerce-lost-password .woocommerce form.lost_reset_password .password-input{
  width:100%;
}
body.woocommerce-account.woocommerce-lost-password .woocommerce form.woocommerce-ResetPassword .button,
body.woocommerce-account.woocommerce-lost-password .woocommerce form.lost_reset_password .button{
  margin-top:8px;
  min-width:120px;
}
body.woocommerce-account.woocommerce-lost-password #page{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
body.woocommerce-account.woocommerce-lost-password #content,
body.woocommerce-account.woocommerce-lost-password .site-main{
  flex:1 0 auto;
}
body.woocommerce-account.woocommerce-lost-password footer{
  margin-top:auto;
  text-align:center;
  padding:20px 16px 24px;
}
body.woocommerce-account.woocommerce-lost-password footer p{
  margin:0;
  color:var(--ca-t-gray-700, #374151);
  font-size:14px;
}

/* WooCommerce My Account login page (logged out) - Figma-style minimal */
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-topbar__brand-img{
  width:auto;
  max-width:200px;
  max-height:48px;
  height:auto;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login){
  background:var(--ca-s-white, #ffffff);
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .site-main{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  flex:1 1 auto;
  max-width:900px;
  margin:0 auto;
  padding:24px 20px 40px;
  background:var(--ca-s-white, #ffffff);
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce{
  display:block;
  max-width:480px;
  width:100%;
  margin:0 auto;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce h2,
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) #customer_login .u-column1 h2{
  text-align:center !important;
  width:100%;
  margin:0 0 24px;
  font-size:1.5rem;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
/* Login title: "Sign in to" + logo on two lines */
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-title{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
  width:100%;
  box-sizing:border-box;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-title__text{
  font-size:1.5rem;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-title__logo{
  width:auto;
  max-height:48px;
  height:auto;
  display:block;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce .u-columns{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  width:100%;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) #customer_login .u-column1{
  float:none;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login,
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.register{
  background:var(--ca-s-white, #ffffff);
  width:79%;
  min-width:320px;
  align-self:stretch;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:28px 32px;
  box-shadow:none;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login .form-row,
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.register .form-row{
  margin:0 0 18px;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login .form-row label{
  display:block;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.5px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-bottom:6px;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login input[type="text"],
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login input[type="password"]{
  width:100%;
  padding:12px 14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  font-size:15px;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login .form-row:last-of-type{
  flex-direction:column;
  align-items:stretch;
  gap:12px;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login .button{
  width:100%;
  min-width:auto;
  padding:14px;
  background:var(--ca-s-gray-900, #111827);
  color:var(--ca-t-white, #ffffff);
  border:0;
  border-radius:8px;
  font-weight:600;
  font-size:15px;
  order:2;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login .button:hover{
  background:var(--ca-s-gray-800, #1f2937);
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login .lost_password{
  margin:12px 0 0;
  text-align:center;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login .lost_password a{
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
  text-decoration:none;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login .lost_password a:hover{
  color:var(--ca-t-gray-900, #111827);
  text-decoration:underline;
}
/* Hide: Google button, single sign-on, create account */
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .u-column2,
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce-social-login,
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .wc-social-login,
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .social-login,
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) [class*="social-login"],
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce-form-login__submit + p{
  display:none !important;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) #page{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:var(--ca-s-white, #ffffff);
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) #content{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .site-main{
  flex:1 1 auto;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) footer{
  margin-top:auto;
  text-align:center;
  padding:20px 16px 24px;
  background:var(--ca-s-white, #ffffff);
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) footer p{
  margin:0;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
}

/* Login form responsive */
@media (max-width:600px){
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login){
    overflow-x:hidden;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) #page{
    max-width:100vw;
    overflow-x:hidden;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .site-main{
    padding:0 0 24px;
    justify-content:flex-start;
    align-items:stretch;
    max-width:100%;
    width:100%;
    box-sizing:border-box;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce{
    display:block;
    max-width:100%;
    width:100%;
    margin:0;
    box-sizing:border-box;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce .u-columns{
    display:block;
    gap:0;
    width:100%;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) #customer_login .u-column1{
    gap:2px;
    float:none;
    width:100%;
    align-items:center;
    text-align:center;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-title{
    gap:6px;
    margin:0 auto;
    padding:20px 20px 12px;
    align-items:center;
    text-align:center;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-title__text{
    font-size:1.2rem;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-title__logo{
    max-height:36px;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login{
    width:100%;
    min-width:0;
    max-width:100%;
    padding:16px 20px 20px;
    margin:0 auto;
    border:none;
    border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
    border-radius:0;
    box-shadow:none;
    align-self:stretch;
    float:none;
    text-align:left;
    box-sizing:border-box;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login .form-row{
    margin:0 0 14px;
    max-width:100%;
    overflow:hidden;
    box-sizing:border-box;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login input[type="text"],
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login input[type="password"]{
    font-size:16px;
    padding:11px 12px;
    border-radius:8px;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login .password-input{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login .button{
    padding:12px;
    font-size:15px;
    max-width:100%;
    box-sizing:border-box;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-topbar__brand-img{
    max-width:160px;
    max-height:40px;
    width:auto;
    height:auto;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) footer{
    padding:14px 16px 20px;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) footer p{
    font-size:12.5px;
  }
}
@media (max-width:375px){
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-title{
    padding:12px 16px 16px;
    gap:5px;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-title__text{
    font-size:1.1rem;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-title__logo{
    max-height:30px;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .woocommerce form.login{
    padding:16px 16px 20px;
    box-sizing:border-box;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-google-sso{
    padding:0 16px;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-divider{
    padding:0 16px;
  }
}

/* Google SSO button on login page */
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-google-sso{
  width:79%;
  min-width:320px;
  align-self:stretch;
  margin:0 auto;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-google-sso__btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  padding:13px 14px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-900, #111827);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  font-size:15px;
  font-weight:500;
  letter-spacing:0.2px;
  text-decoration:none;
  cursor:pointer;
  transition:background 0.15s,border-color 0.15s;
  box-sizing:border-box;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-google-sso__btn:hover{
  background:var(--ca-s-gray-50, #f9fafb);
  border-color:var(--ca-s-gray-300, #d1d5db);
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-google-sso__btn svg{
  flex-shrink:0;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-divider{
  display:flex;
  align-items:center;
  width:79%;
  min-width:320px;
  margin:12px auto;
  gap:14px;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-divider::before,
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-divider::after{
  content:'';
  flex:1;
  height:1px;
  background:var(--ca-s-gray-200, #e5e7eb);
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-divider span{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  text-transform:uppercase;
  letter-spacing:0.5px;
  font-weight:500;
  white-space:nowrap;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-error{
  width:79%;
  min-width:320px;
  margin:0 auto 16px;
  padding:12px 16px;
  border-radius:8px;
  font-size:14px;
}
@media (max-width:600px){
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-google-sso{
    width:100%;
    min-width:0;
    padding:0 20px;
    box-sizing:border-box;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-divider{
    width:100%;
    min-width:0;
    padding:0 20px;
    margin:10px auto;
    box-sizing:border-box;
  }
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-error{
    width:100%;
    min-width:0;
    padding:10px 16px;
    margin:0 auto 12px;
    box-sizing:border-box;
  }
}

/* "Don't have an account? Create one" link */
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-register{
  width:79%;
  min-width:320px;
  margin:14px auto 0;
  text-align:center;
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-register a{
  color:var(--ca-t-blue-600, #2563eb);
  font-weight:600;
  text-decoration:none;
}
body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-register a:hover{
  text-decoration:underline;
}
@media (max-width:600px){
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-register{
    width:100%;
    min-width:0;
    padding:0 20px;
    box-sizing:border-box;
  }
}
@media (max-width:375px){
  body.woocommerce-account:not(.woocommerce-lost-password):has(#customer_login) .ca-login-register{
    padding:0 16px;
  }
}

/* Dedicated sign-up page, matched to the login page layout */
body:has(#ca_signup){
  background:var(--ca-s-white, #ffffff);
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
body:has(#ca_signup) button,
body:has(#ca_signup) input,
body:has(#ca_signup) select,
body:has(#ca_signup) textarea{
  font-family:inherit;
}
body:has(#ca_signup) .ca-topbar__brand-img{
  width:auto;
  max-width:200px;
  max-height:48px;
  height:auto;
}
body:has(#ca_signup) #page{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:var(--ca-s-white, #ffffff);
}
body:has(#ca_signup) #content{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
}
body:has(#ca_signup) .site-main{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  flex:1 1 auto;
  max-width:900px;
  margin:0 auto;
  padding:24px 20px 40px;
  background:var(--ca-s-white, #ffffff);
}
body:has(#ca_signup) .woocommerce{
  display:block;
  max-width:480px;
  width:100%;
  margin:0 auto;
}
body:has(#ca_signup) .woocommerce .u-columns{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  width:100%;
}
body:has(#ca_signup) #ca_signup .u-column1{
  float:none;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}
body:has(#ca_signup) .ca-login-title{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
  width:100%;
  box-sizing:border-box;
}
body:has(#ca_signup) .ca-login-title__text{
  font-size:1.5rem;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
body:has(#ca_signup) .ca-login-title__logo{
  width:auto;
  max-height:48px;
  height:auto;
  display:block;
}
body:has(#ca_signup) .ca-google-sso,
body:has(#ca_signup) .ca-login-divider,
body:has(#ca_signup) .ca-login-error,
body:has(#ca_signup) .ca-login-register,
body:has(#ca_signup) .ca-signup-form{
  width:79%;
  min-width:320px;
}
body:has(#ca_signup) .ca-google-sso{
  align-self:stretch;
  margin:0 auto;
}
body:has(#ca_signup) .ca-google-sso__btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  padding:13px 14px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-900, #111827);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  font-size:15px;
  font-weight:500;
  letter-spacing:0.2px;
  text-decoration:none;
  cursor:pointer;
  transition:background 0.15s,border-color 0.15s;
  box-sizing:border-box;
}
body:has(#ca_signup) .ca-google-sso__btn:hover{
  background:var(--ca-s-gray-50, #f9fafb);
  border-color:var(--ca-s-gray-300, #d1d5db);
}
body:has(#ca_signup) .ca-google-sso__btn svg{
  flex-shrink:0;
}
body:has(#ca_signup) .ca-login-divider{
  display:flex;
  align-items:center;
  margin:12px auto;
  gap:14px;
}
body:has(#ca_signup) .ca-login-divider::before,
body:has(#ca_signup) .ca-login-divider::after{
  content:'';
  flex:1;
  height:1px;
  background:var(--ca-s-gray-200, #e5e7eb);
}
body:has(#ca_signup) .ca-login-divider span{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  text-transform:uppercase;
  letter-spacing:0.5px;
  font-weight:500;
  white-space:nowrap;
}
body:has(#ca_signup) .ca-login-error{
  margin:0 auto 16px;
  padding:12px 16px;
  border-radius:8px;
  font-size:14px;
}
body:has(#ca_signup) .ca-signup-form{
  background:var(--ca-s-white, #ffffff);
  align-self:center;
  margin:0 auto;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:28px 32px;
  box-shadow:none;
  box-sizing:border-box;
  font-family:inherit;
}
body:has(#ca_signup) .ca-signup-form__intro{
  margin:0 0 18px;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
  line-height:1.5;
  text-align:center;
}
body:has(#ca_signup) .ca-signup-form .form-row{
  margin:0 0 18px;
}
body:has(#ca_signup) .ca-signup-form label{
  display:block;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.5px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-bottom:6px;
}
body:has(#ca_signup) .ca-signup-form input[type="email"]{
  width:100%;
  padding:12px 14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  font-size:15px;
  box-sizing:border-box;
}
body:has(#ca_signup) .ca-signup-form__terms{
  display:flex !important;
  gap:8px;
  align-items:flex-start;
  margin:0;
  cursor:pointer;
  text-transform:none !important;
  letter-spacing:0 !important;
  font-size:13px !important;
  font-weight:500 !important;
  color:var(--ca-t-gray-700, #374151) !important;
}
body:has(#ca_signup) .ca-signup-form__terms input{
  margin-top:2px;
}
body:has(#ca_signup) .ca-signup-form__terms a{
  color:var(--ca-t-blue-600, #2563eb);
  text-decoration:none;
}
body:has(#ca_signup) .ca-signup-form__terms a:hover{
  text-decoration:underline;
}
body:has(#ca_signup) .ca-signup-form__error{
  display:none;
  color:var(--ca-t-red-600, #dc2626);
  font-size:13px;
  margin:8px 0 0;
  text-align:left;
}
body:has(#ca_signup) .ca-signup-form__submit{
  display:block;
  width:100%;
  min-width:auto;
  padding:14px;
  margin-top:16px;
  background:var(--ca-s-gray-900, #111827);
  color:var(--ca-t-white, #ffffff);
  border:0;
  border-radius:8px;
  font-weight:600;
  font-size:15px;
  cursor:pointer;
  transition:background 0.15s;
}
body:has(#ca_signup) .ca-signup-form__submit:hover{
  background:var(--ca-s-gray-800, #1f2937);
}
body:has(#ca_signup) .ca-signup-form__submit:disabled{
  opacity:0.6;
  cursor:not-allowed;
}
body:has(#ca_signup) .ca-signup-form__success{
  text-align:center;
}
body:has(#ca_signup) .ca-signup-form__success[hidden]{
  display:none;
}
body:has(#ca_signup) .ca-signup-form__check-icon{
  display:flex;
  justify-content:center;
  margin:0 auto 16px;
}
body:has(#ca_signup) .ca-signup-form__heading{
  color:var(--ca-t-gray-900, #111827);
  font-size:1.35rem;
  font-weight:700;
  margin:0 0 8px;
  text-align:center;
}
body:has(#ca_signup) .ca-login-register{
  margin:14px auto 0;
  text-align:center;
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
}
body:has(#ca_signup) .ca-login-register a{
  color:var(--ca-t-blue-600, #2563eb);
  font-weight:600;
  text-decoration:none;
}
body:has(#ca_signup) .ca-login-register a:hover{
  text-decoration:underline;
}
body:has(#ca_signup) footer{
  margin-top:auto;
  text-align:center;
  padding:20px 16px 24px;
  background:var(--ca-s-white, #ffffff);
}
body:has(#ca_signup) footer p{
  margin:0;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
}
@media (max-width:600px){
  body:has(#ca_signup){
    overflow-x:hidden;
  }
  body:has(#ca_signup) #page{
    max-width:100vw;
    overflow-x:hidden;
  }
  body:has(#ca_signup) .site-main{
    padding:0 0 24px;
    justify-content:flex-start;
    align-items:stretch;
    max-width:100%;
    width:100%;
    box-sizing:border-box;
  }
  body:has(#ca_signup) .woocommerce{
    max-width:100%;
    width:100%;
    margin:0;
    box-sizing:border-box;
  }
  body:has(#ca_signup) .woocommerce .u-columns{
    display:block;
  }
  body:has(#ca_signup) #ca_signup .u-column1{
    gap:2px;
    text-align:center;
  }
  body:has(#ca_signup) .ca-login-title{
    gap:6px;
    margin:0 auto;
    padding:20px 20px 12px;
    text-align:center;
  }
  body:has(#ca_signup) .ca-login-title__text{
    font-size:1.2rem;
  }
  body:has(#ca_signup) .ca-login-title__logo{
    max-height:36px;
  }
  body:has(#ca_signup) .ca-google-sso,
  body:has(#ca_signup) .ca-login-divider,
  body:has(#ca_signup) .ca-login-error,
  body:has(#ca_signup) .ca-login-register{
    width:100%;
    min-width:0;
    padding:0 20px;
    box-sizing:border-box;
  }
  body:has(#ca_signup) .ca-signup-form{
    width:100%;
    min-width:0;
    max-width:100%;
    padding:16px 20px 20px;
    margin:0 auto;
    border:none;
    border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
    border-radius:0;
    text-align:left;
  }
  body:has(#ca_signup) .ca-signup-form input[type="email"]{
    font-size:16px;
    padding:11px 12px;
  }
  body:has(#ca_signup) .ca-topbar__brand-img{
    max-width:160px;
    max-height:40px;
    width:auto;
    height:auto;
  }
  body:has(#ca_signup) footer{
    padding:14px 16px 20px;
  }
  body:has(#ca_signup) footer p{
    font-size:12.5px;
  }
}
@media (max-width:375px){
  body:has(#ca_signup) .ca-login-title{
    padding:12px 16px 16px;
    gap:5px;
  }
  body:has(#ca_signup) .ca-login-title__text{
    font-size:1.1rem;
  }
  body:has(#ca_signup) .ca-login-title__logo{
    max-height:30px;
  }
  body:has(#ca_signup) .ca-signup-form{
    padding:16px 16px 20px;
  }
  body:has(#ca_signup) .ca-google-sso,
  body:has(#ca_signup) .ca-login-divider,
  body:has(#ca_signup) .ca-login-register{
    padding:0 16px;
  }
}

/* Registration modal */
.ca-register-modal .ca-modal__panel.ca-register-modal__panel{
  width:min(420px, 90vw);
  max-width:420px;
  padding:32px 28px;
  border-radius:16px;
  z-index:2;
  text-align:center;
}
.ca-register-modal__close{
  position:absolute;
  top:10px;
  right:10px;
  background:none;
  border:none;
  font-size:22px;
  color:var(--ca-t-gray-400, #9ca3af);
  cursor:pointer;
  line-height:1;
  padding:6px 8px;
  z-index:1;
}
.ca-register-modal__close:hover{
  color:var(--ca-t-gray-700, #374151);
}
.ca-register-modal__notice{
  background:var(--ca-s-amber-100, #fef3c7);
  color:var(--ca-t-amber-800, #92400e);
  font-size:13px;
  padding:10px 14px;
  border-radius:8px;
  margin:0 0 16px;
  text-align:left;
}
.ca-register-modal__heading{
  font-size:1.35rem;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 8px;
}
.ca-register-modal__subtext{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 22px;
  line-height:1.5;
}
.ca-register-modal__label{
  display:block;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.5px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-bottom:6px;
  text-align:left;
}
.ca-register-modal__label .required{
  color:var(--ca-t-red-500, #ef4444);
}
.ca-register-modal__input{
  display:block;
  width:100%;
  padding:12px 14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  font-size:15px;
  color:var(--ca-t-gray-900, #111827);
  box-sizing:border-box;
  transition:border-color 0.15s;
}
.ca-register-modal__input:focus{
  outline:none;
  border-color:var(--ca-s-blue-600, #2563eb);
  box-shadow:0 0 0 3px rgba(37,99,235,0.1);
}
.ca-register-modal__error{
  display:none;
  color:var(--ca-t-red-600, #dc2626);
  font-size:13px;
  margin:8px 0 0;
  text-align:left;
}
.ca-register-modal__submit{
  display:block;
  width:100%;
  padding:14px;
  margin-top:16px;
  background:var(--ca-s-gray-900, #111827);
  color:var(--ca-t-white, #ffffff);
  border:none;
  border-radius:8px;
  font-weight:600;
  font-size:15px;
  cursor:pointer;
  transition:background 0.15s;
}
.ca-register-modal__submit:hover{
  background:var(--ca-s-gray-800, #1f2937);
}
.ca-register-modal__submit:disabled{
  opacity:0.6;
  cursor:not-allowed;
}
.ca-register-modal__check-icon{
  margin:0 auto 16px;
  display:flex;
  justify-content:center;
}
.ca-register-modal__success-view{
  text-align:center;
}
@media (max-width:600px){
  .ca-register-modal .ca-modal__panel.ca-register-modal__panel{
    width:calc(100vw - 32px);
    padding:28px 20px 24px;
  }
  .ca-register-modal__heading{
    padding-right:28px;
  }
}
@media (max-width:375px){
  .ca-register-modal .ca-modal__panel.ca-register-modal__panel{
    width:calc(100vw - 24px);
    padding:24px 16px 20px;
  }
}

/* Activated agents (profile/settings) */
.ca-activated-agents{
  margin-top:10px;
}
.ca-activated-agents-list{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:10px;
}
.ca-activated-agent-card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  padding:10px 12px;
}
.ca-activated-agent-card__name{
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  font-size:14px;
}
.ca-activated-agent-card__desc{
  margin-top:4px;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-settings-empty{
  margin:0;
  color:var(--ca-t-gray-500, #6b7280);
}

/* Agent Activation dynamic states */
.ca-aa-agent.is-active{
  border-color:var(--ca-s-blue-200, #bfdbfe);
  box-shadow:0 8px 20px rgba(37, 99, 235, 0.14);
}
.ca-aa-agent.is-active .ca-aa-agent__cta{
  background:var(--ca-s-slate-900, #0f172a);
}

@media (max-width:768px){
  .ca-activated-agents-list{
    grid-template-columns:1fr;
  }
}

/* Roadmap Manager */
.ca-roadmap-admin{
  display:grid;
  gap:20px;
}
.ca-roadmap-admin__header h1{
  margin:0 0 8px;
}
.ca-roadmap-admin__header p{
  margin:0;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-roadmap-admin__stack{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.ca-roadmap-admin__panel{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:18px;
}
.ca-roadmap-admin__panel h2{
  margin:0 0 12px;
}
.ca-roadmap-admin__panel label{
  display:grid;
  gap:6px;
  margin-bottom:10px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-roadmap-admin__panel input,
.ca-roadmap-admin__panel select{
  width:100%;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
  padding:9px 10px;
  font-weight:400;
}
.ca-roadmap-admin__dropzone{
  margin-top:8px;
  border:2px dashed var(--ca-s-gray-300, #d1d5db);
  border-radius:10px;
  text-align:center;
  color:var(--ca-t-gray-700, #374151);
  padding:28px 12px;
  cursor:pointer;
  position:relative;
}
.ca-roadmap-admin__dropzone input{
  display:none;
}
.ca-roadmap-admin__dropzone.is-dragover{
  border-color:var(--ca-s-blue-600, #2563eb);
  background:var(--ca-s-blue-50, #eff6ff);
}
.ca-roadmap-admin__panel--wide{
  grid-column:1 / -1;
}
.ca-roadmap-admin__table-wrap{
  overflow:auto;
}
.ca-roadmap-admin__table{
  width:100%;
  border-collapse:collapse;
}
.ca-roadmap-admin__table th,
.ca-roadmap-admin__table td{
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  padding:10px 8px;
  text-align:left;
  font-size:14px;
}
.ca-roadmap-admin__hint{
  margin:0 0 8px;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:13px;
}
.ca-roadmap-admin__notice{
  margin:10px 0 0;
  color:var(--ca-t-gray-700, #374151);
  font-size:13px;
}
@media (max-width:980px){
  .ca-roadmap-admin__stack{
    grid-template-columns:1fr;
  }
}

/* ── Coming Soon page & modal ────────────────────────────────── */
.ca-cs-wrapper{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:60px 24px;
  min-height:60vh;
}
.ca-cs-card{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:16px;
  padding:40px 36px;
  max-width:560px;
  width:100%;
  box-shadow:0 4px 24px rgba(0,0,0,.06);
  text-align:center;
}
.ca-cs-badge{
  display:inline-block;
  background:var(--ca-s-xf0f3ff, #f0f3ff);
  color:var(--ca-t-indigo-600, #4f46e5);
  font-size:12px;
  font-weight:600;
  padding:4px 12px;
  border-radius:20px;
  margin-bottom:16px;
  letter-spacing:.3px;
  text-transform:uppercase;
}
.ca-cs-title{
  font-size:24px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 12px;
  line-height:1.3;
}
.ca-cs-desc{
  font-size:15px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.6;
  margin:0 0 28px;
}
.ca-cs-body{
  font-size:14px;
  color:var(--ca-t-gray-700, #374151);
  line-height:1.6;
  margin-bottom:20px;
  text-align:left;
}
.ca-cs-bullets{
  list-style:disc;
  padding-left:20px;
  margin:0 0 24px;
  text-align:left;
  font-size:14px;
  color:var(--ca-t-gray-700, #374151);
}
.ca-cs-bullets li{
  margin-bottom:6px;
}

/* Success state */
.ca-cs-success[hidden]{
  display:none !important;
}
.ca-cs-success{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:var(--ca-s-green-50, #f0fdf4);
  color:var(--ca-t-green-800, #166534);
  padding:14px 20px;
  border-radius:10px;
  font-size:14px;
  font-weight:500;
  border:1px solid var(--ca-s-green-200, #bbf7d0);
}
.ca-cs-success svg{
  flex-shrink:0;
  color:var(--ca-t-green-500, #22c55e);
}

/* Form layout */
.ca-cs-form{
  text-align:left;
}
.ca-cs-form__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-bottom:20px;
}
.ca-cs-field{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.ca-cs-field__label{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
.ca-cs-field__label abbr{
  color:var(--ca-t-red-500, #ef4444);
  text-decoration:none;
}
.ca-cs-field__label small{
  font-weight:400;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-cs-input{
  padding:9px 12px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
  font-size:14px;
  color:var(--ca-t-gray-900, #111827);
  background:var(--ca-s-white, #ffffff);
  transition:border-color .15s, box-shadow .15s;
  font-family:inherit;
}
.ca-cs-input:focus{
  outline:none;
  border-color:var(--ca-s-indigo-500, #6366f1);
  box-shadow:0 0 0 3px rgba(99,102,241,.12);
}
.ca-cs-input::placeholder{
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-cs-submit{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 24px;
  font-size:14px;
  font-weight:600;
  border-radius:10px;
  cursor:pointer;
  transition:opacity .15s;
  width:100%;
  justify-content:center;
  font-family:inherit;
}
.ca-cs-submit:hover{
  opacity:.9;
}
.ca-cs-submit:disabled{
  opacity:.6;
  cursor:wait;
}

/* Modal inner */
.ca-cs-modal-inner{
  text-align:center;
}
.ca-cs-modal-inner .ca-cs-form{
  text-align:left;
}

@media (max-width:600px){
  .ca-cs-form__grid{
    grid-template-columns:1fr;
  }
  .ca-cs-card{
    padding:28px 20px;
  }
}

/* ── Coming Soon Modal Overlay ── */
.ca-cs-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.ca-cs-modal.is-open{
  display:flex;
}
body.ca-cs-modal-open{
  overflow:hidden;
}
.ca-cs-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.35);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.ca-cs-modal__panel{
  position:relative;
  z-index:1;
  background:var(--ca-s-white, #ffffff);
  border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,0.18);
  max-width:680px;
  width:100%;
  font-family:"Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;
  padding:40px 40px 36px;
  animation:caCSFadeIn .2s ease;
}
@keyframes caCSFadeIn{
  from{opacity:0;transform:translateY(12px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.ca-cs-modal__close{
  position:absolute;
  top:14px;
  right:16px;
  background:none;
  border:none;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  color:var(--ca-t-x666666, #666666);
  padding:4px 8px;
  border-radius:6px;
  transition:background .15s;
}
.ca-cs-modal__close:hover{
  background:var(--ca-s-xf0f0f0, #f0f0f0);
  color:var(--ca-t-x222222, #222222);
}
.ca-cs-modal__title{
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-x1a1a2e, #1a1a2e);
  margin:12px 0 6px;
}
.ca-cs-modal__desc{
  font-size:14px;
  color:var(--ca-t-x555555, #555555);
  line-height:1.55;
  margin:0 0 20px;
}
.ca-cs-modal .ca-cs-form{
  margin-top:0;
}

@media (max-width:560px){
  .ca-cs-modal{
    padding:12px;
  }
  .ca-cs-modal__panel{
    padding:28px 20px 24px;
  }
  .ca-cs-modal .ca-cs-form__grid{
    grid-template-columns:1fr;
  }
}

/* ══════════════════════════════════════════════════════════
   Get Started – Gating Overlay, Scheduling Modal, Banner, Live Card
   ══════════════════════════════════════════════════════════ */

/* Gated content dims */
.ca-gs-gated-content{
  opacity:0.45;
  pointer-events:none;
  user-select:none;
  filter:grayscale(0.2);
}

/* Overlay */
.ca-gs-overlay{
  position:fixed;
  inset:0;
  z-index:998;
  background:rgba(0,0,0,0.35);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
.ca-gs-overlay--soft{
  background:rgba(0,0,0,0.12);
  backdrop-filter:blur(1px);
  -webkit-backdrop-filter:blur(1px);
}

/* ── Scheduling gate modal ── */
.ca-gs-gate-modal{
  position:fixed;
  inset:0;
  z-index:999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.ca-gs-gate-modal.is-open{
  display:flex;
}
.ca-gs-gate-modal__backdrop{
  position:absolute;
  inset:0;
  cursor:pointer;
}
.ca-gs-gate-modal__close{
  position:absolute;
  top:16px;
  right:16px;
  width:36px;
  height:36px;
  padding:0;
  border:0;
  background:transparent;
  font-size:28px;
  line-height:1;
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:color .15s ease, background .15s ease;
}
.ca-gs-gate-modal__close:hover{
  color:var(--ca-t-gray-900, #111827);
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-gs-gate-modal__dismiss{
  margin:16px 0 0;
  text-align:center;
}
.ca-gs-gate-modal__dismiss-btn{
  background:none;
  border:0;
  padding:0;
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  text-decoration:underline;
  transition:color .15s ease;
}
.ca-gs-gate-modal__dismiss-btn:hover{
  color:var(--ca-t-gray-900, #111827);
}
.ca-gs-gate-modal__panel{
  position:relative;
  z-index:1;
  background:var(--ca-s-white, #ffffff);
  border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,0.2);
  max-width:620px;
  width:100%;
  padding:40px 36px 36px;
  animation:caCSFadeIn .25s ease;
  max-height:90vh;
  overflow-y:auto;
}
.ca-gs-gate-modal__badge{
  display:inline-block;
  padding:4px 14px;
  border-radius:20px;
  font-size:12px;
  font-weight:600;
  letter-spacing:0.4px;
  text-transform:uppercase;
  color:var(--ca-t-violet-600, #7c3aed);
  background:var(--ca-s-violet-100, #ede9fe);
  margin-bottom:8px;
}
.ca-gs-gate-modal__title{
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-x1a1a2e, #1a1a2e);
  margin:8px 0 6px;
}
.ca-gs-gate-modal__desc{
  font-size:14px;
  color:var(--ca-t-x555555, #555555);
  line-height:1.55;
  margin:0 0 24px;
}
.ca-gs-gate-modal__next{
  width:100%;
  margin-top:12px;
}
.ca-gs-gate-modal__hint{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  text-align:center;
  margin-top:12px;
}
.ca-gs-bookme-wrap{
  min-height:300px;
}

/* Bookme booking-done step: thank you + Complete button (replaces default "New Booking") */
.ca-bookme-done{
  text-align:center;
  padding:24px 0;
}
.ca-bookme-done__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:64px;
  height:64px;
  margin:0 auto 16px;
  border-radius:50%;
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-600, #16a34a);
}
.ca-bookme-done__icon svg{
  display:block;
}
.ca-bookme-done__title{
  font-size:20px;
  font-weight:700;
  margin:0 0 8px;
  color:var(--ca-t-x1a1a2e, #1a1a2e);
}
.ca-bookme-done__text{
  font-size:15px;
  line-height:1.5;
  color:var(--ca-t-gray-600, #4b5563);
  margin:0 auto 24px;
  max-width:360px;
  text-align:center;
}
/* Override plugin .bookme-booking-form p margin so our .ca-bookme-done__text rules apply (same as removing the plugin rule) */
.bookme-booking-form .ca-bookme-done__text{
  margin:0 auto 24px !important;
}
.ca-bookme-done__btn{
  min-width:160px;
}

.ca-gs-gate-confirm{
  text-align:center;
  padding:20px 0;
}
.ca-gs-gate-confirm svg{
  margin-bottom:16px;
}
.ca-gs-gate-confirm h3{
  font-size:20px;
  font-weight:700;
  margin:0 0 8px;
  color:var(--ca-t-x1a1a2e, #1a1a2e);
}
.ca-gs-gate-confirm p{
  font-size:14px;
  color:var(--ca-t-x555555, #555555);
  margin:0 0 20px;
}

/* ── Scheduled banner ── */
.ca-gs-banner{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 20px;
  background:linear-gradient(135deg,var(--ca-s-violet-100, #ede9fe) 0%,var(--ca-s-blue-100, #dbeafe) 100%);
  border:1px solid var(--ca-s-violet-300, #c4b5fd);
  border-radius:12px;
  margin-bottom:20px;
  margin-left:auto;
  margin-right:auto;
  max-width:520px;
  font-size:14px;
  color:var(--ca-t-indigo-800, #3730a3);
  position:relative;
  z-index:999;
}
.ca-gs-banner svg{
  flex-shrink:0;
}
.ca-gs-banner span{
  flex:1;
}
.ca-gs-banner__details{
  background:none;
  border:1px solid var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-violet-600, #7c3aed);
  padding:6px 16px;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
  transition:background .15s,color .15s;
}
.ca-gs-banner__details:hover{
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
}

/* ── Reminder modal ── */
.ca-gs-reminder-modal{
  position:fixed;
  inset:0;
  z-index:100000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.ca-gs-reminder-modal.is-open{
  display:flex;
}
.ca-gs-reminder-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.3);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.ca-gs-reminder-modal__panel{
  position:relative;
  z-index:1;
  background:var(--ca-s-white, #ffffff);
  border-radius:14px;
  box-shadow:0 16px 48px rgba(0,0,0,0.16);
  max-width:420px;
  width:100%;
  padding:32px 28px;
  text-align:center;
  animation:caCSFadeIn .2s ease;
}
.ca-gs-reminder-modal__close{
  position:absolute;
  top:12px;
  right:14px;
  background:none;
  border:none;
  font-size:20px;
  cursor:pointer;
  color:var(--ca-t-x666666, #666666);
  padding:4px 8px;
  border-radius:6px;
}
.ca-gs-reminder-modal__close:hover{
  background:var(--ca-s-xf0f0f0, #f0f0f0);
}
.ca-gs-reminder-modal__panel h3{
  font-size:18px;
  font-weight:700;
  margin:0 0 10px;
}
.ca-gs-reminder-modal__panel p{
  font-size:14px;
  color:var(--ca-t-x555555, #555555);
  margin:0 0 16px;
}
.ca-gs-reminder-modal__panel .ca-btn{
  margin-bottom:12px;
}
.ca-gs-reminder-modal__link{
  display:inline-block;
  font-size:13px;
  color:var(--ca-t-violet-600, #7c3aed);
  margin:0 8px;
}
.ca-gs-reminder-modal__link--danger{
  color:var(--ca-t-red-500, #ef4444);
}

/* ── Live one-pager card ── */
.ca-gs-live-card{
  display:flex;
  align-items:center;
  gap:16px;
  padding:20px 24px;
  background:linear-gradient(135deg,var(--ca-s-green-50, #f0fdf4) 0%,var(--ca-s-emerald-50, #ecfdf5) 100%);
  border:1px solid var(--ca-s-green-200, #bbf7d0);
  border-radius:14px;
  margin-bottom:24px;
}
.ca-gs-live-card__icon{
  flex-shrink:0;
  width:48px;
  height:48px;
  background:var(--ca-s-green-100, #dcfce7);
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ca-gs-live-card__body{
  flex:1;
}
.ca-gs-live-card__title{
  font-size:16px;
  font-weight:700;
  color:var(--ca-t-green-800, #166534);
  margin-bottom:2px;
}
.ca-gs-live-card__desc{
  font-size:13px;
  color:var(--ca-t-green-400, #4ade80);
}
.ca-gs-live-card__btn{
  white-space:nowrap;
  background:var(--ca-s-green-500, #22c55e) !important;
  border-color:var(--ca-s-green-500, #22c55e) !important;
}
.ca-gs-live-card__btn:hover{
  background:var(--ca-s-green-600, #16a34a) !important;
}

/* ── Responsive ── */
@media (max-width:640px){
  .ca-gs-gate-modal__panel{
    padding:28px 20px 24px;
  }
  .ca-gs-live-card{
    flex-direction:column;
    text-align:center;
  }
  .ca-gs-banner{
    flex-direction:column;
    text-align:center;
  }
}
.ca-questionnaire__info-card{
  border-radius:14px;
  padding:20px;
  margin-bottom:20px;
}
.ca-questionnaire__info-card--blue{
  background:var(--ca-s-sky-100, #e0f2fe);
  border:1px solid var(--ca-s-sky-200, #bae6fd);
}
.ca-questionnaire__info-card--green{
  background:var(--ca-s-green-100, #dcfce7);
  border:1px solid var(--ca-s-green-200, #bbf7d0);
}
.ca-questionnaire__info-card-header{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
}
.ca-questionnaire__info-card-icon{
  width:24px;
  height:24px;
  flex-shrink:0;
}
.ca-questionnaire__info-card--blue .ca-questionnaire__info-card-icon{
  color:var(--ca-t-blue-600, #2563eb);
}
.ca-questionnaire__info-card--green .ca-questionnaire__info-card-icon{
  color:var(--ca-t-green-600, #16a34a);
}
.ca-questionnaire__info-card-title{
  font-size:16px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0;
}
.ca-questionnaire__info-card-content{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.ca-questionnaire__info-field{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.ca-questionnaire__info-card-desc{
  font-size:14px;
  color:var(--ca-t-gray-700, #374151);
  margin:0 0 12px;
  line-height:1.5;
}
.ca-questionnaire__info-checkboxes{
  display:flex;
  flex-direction:column;
  gap:10px;
}

/* Advisory tracker dynamic states */
.ca-adv-tracker__loading,
.ca-adv-tracker__empty{
  text-align:center;
  padding:32px 16px;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
}
.ca-adv-req__status--in-progress{
  background:var(--ca-s-amber-100, #fef3c7);
  color:var(--ca-t-amber-700, #b45309);
}
.ca-adv-req__status--cancelled{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-500, #6b7280);
}

/* ── Subscription badges (Super Admin) ── */
.ca-badge{display:inline-block;padding:2px 10px;border-radius:4px;font-size:12px;font-weight:600;line-height:1.6;}
.ca-badge--trialing{background:var(--ca-s-blue-100, #dbeafe);color:var(--ca-t-blue-800, #1e40af);}
.ca-badge--active{background:var(--ca-s-green-100, #dcfce7);color:var(--ca-t-green-800, #166534);}
.ca-badge--past_due{background:var(--ca-s-amber-100, #fef3c7);color:var(--ca-t-amber-800, #92400e);}
.ca-badge--cancelled{background:var(--ca-s-red-100, #fee2e2);color:var(--ca-t-red-800, #991b1b);}
.ca-badge--expired{background:var(--ca-s-gray-100, #f3f4f6);color:var(--ca-t-gray-500, #6b7280);}
.ca-badge--po{background:var(--ca-s-purple-100, #f3e8ff);color:var(--ca-t-violet-600, #7c3aed);}
.ca-badge--stripe{background:var(--ca-s-indigo-100, #e0e7ff);color:var(--ca-t-indigo-700, #4338ca);}

/* ================================================================
   Revenue Management (Admin)
   ================================================================ */
.ca-rev-mgmt{
  padding:24px 32px;
}
.ca-rev-mgmt__header{
  margin-bottom:16px;
}
.ca-rev-mgmt__title{
  font-size:26px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0 0 4px;
}
.ca-rev-mgmt__subtitle{
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0;
}
.ca-rev-mgmt__banner{
  background:var(--ca-s-blue-50, #eff6ff);
  border:1px solid var(--ca-s-blue-200, #bfdbfe);
  border-radius:10px;
  padding:16px 20px;
  margin-bottom:20px;
  font-size:13px;
  line-height:1.6;
  color:var(--ca-t-x1e3a5f, #1e3a5f);
}
.ca-rev-mgmt__banner p{margin:0 0 4px;}
.ca-rev-mgmt__banner p:last-child{margin-bottom:0;}
.ca-rev-mgmt__banner strong{color:var(--ca-t-blue-800, #1e40af);}

.ca-rev-mgmt__content[hidden]{display:none;}
.ca-rev-mgmt__placeholder{
  text-align:center;
  padding:80px 20px;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-rev-mgmt__placeholder svg{margin-bottom:12px;}

/* ── Kit list rows ── */
.ca-rev-kit-header{
  display:grid;
  grid-template-columns:minmax(150px,1.5fr) minmax(0,132px) minmax(0,142px) minmax(90px,1fr) minmax(120px,.9fr) minmax(78px,110px) 28px;
  align-items:center;
  gap:12px;
  padding:10px 20px;
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-gray-500, #6b7280);
  text-transform:uppercase;
  letter-spacing:0.04em;
  border-bottom:2px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-rev-kit-list{
  display:flex;
  flex-direction:column;
  gap:0;
}
.ca-rev-kit-row{
  display:grid;
  grid-template-columns:minmax(150px,1.5fr) minmax(0,132px) minmax(0,142px) minmax(90px,1fr) minmax(120px,.9fr) minmax(78px,110px) 28px;
  align-items:center;
  gap:12px;
  padding:16px 20px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-bottom:none;
  transition:background .15s;
}
.ca-rev-kit-row:last-child{
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:0 0 10px 10px;
}
.ca-rev-kit-row:only-child{
  border-radius:0 0 10px 10px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-rev-kit-row:hover{
  background:var(--ca-s-gray-50, #f9fafb);
}

/* Card view */
.ca-rev-kit-list[data-view="card"]{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
  gap:14px;
}
.ca-rev-kit-row.ca-rev-kit-card{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  grid-template-areas:
    "main   main   actions"
    "type   status status"
    "deal   deal   deal"
    "author author docs";
  align-items:start;
  gap:10px 12px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:16px;
}
.ca-rev-kit-row.ca-rev-kit-card:hover{
  border-color:var(--ca-s-indigo-200, #c7d2fe);
  box-shadow:0 1px 3px rgba(79,70,229,.08);
  background:var(--ca-s-white, #ffffff);
}
.ca-rev-kit-card .ca-rev-kit-row__main{ grid-area:main; min-width:0; }
.ca-rev-kit-card .ca-rev-kit-row__type{ grid-area:type; }
.ca-rev-kit-card .ca-rev-kit-row__status{ grid-area:status; }
.ca-rev-kit-card .ca-rev-kit-row__deal{ grid-area:deal; font-size:13px; color:var(--ca-t-gray-700, #374151); }
.ca-rev-kit-card .ca-rev-kit-row__author{ grid-area:author; }
.ca-rev-kit-card .ca-rev-kit-row__docs{ grid-area:docs; justify-self:end; text-align:right; }
.ca-rev-kit-card .ca-rev-kit-row__actions{ grid-area:actions; justify-self:end; }
.ca-rev-kit-row__main{
  min-width:0;
}
.ca-rev-kit-row__docs{
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
  white-space:nowrap;
}
.ca-rev-kit-row__docs-count{
  font-weight:600;
}
.ca-rev-kit-row__docs-label{
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-rev-kit-row__docs-note{
  display:block;
  margin-top:2px;
  font-size:11px;
  color:var(--ca-t-gray-400, #9ca3af);
}

/* ===== Atlas Surface Request — pagination bar ===== */
.ca-rev-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  padding:14px 4px 4px;
  margin-top:8px;
}
.ca-rev-pagination:empty{
  display:none;
}
.ca-rev-pagination__left,
.ca-rev-pagination__right{
  display:flex;
  align-items:center;
  gap:10px;
}
.ca-rev-pagination__size{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-rev-pagination__size-select{
  padding:6px 28px 6px 10px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
}
.ca-rev-pagination__size-select:focus{
  outline:none;
  border-color:var(--ca-s-indigo-300, #a5b4fc);
  box-shadow:0 0 0 3px rgba(129,140,248,.25);
}
.ca-rev-pagination__info{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
  min-width:104px;
  text-align:center;
}
.ca-rev-pagination__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.ca-rev-pagination__btn:hover:not(:disabled){
  background:var(--ca-s-gray-50, #f9fafb);
  border-color:var(--ca-s-indigo-300, #a5b4fc);
  color:var(--ca-t-indigo-600, #4f46e5);
}
.ca-rev-pagination__btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}

/* ===== Atlas Surface Request — inline View / Edit detail panel ===== */
.ca-rm-detail{
  margin-top:4px;
  animation:caRmDetailIn .18s ease;
}
@keyframes caRmDetailIn{
  from{ opacity:0; transform:translateY(4px); }
  to{ opacity:1; transform:translateY(0); }
}
.ca-rm-detail__toolbar{
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 0 14px;
  margin-bottom:18px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-rm-detail__back{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 14px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
  color:var(--ca-t-gray-700, #374151);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.ca-rm-detail__back:hover{
  background:var(--ca-s-gray-50, #f9fafb);
  border-color:var(--ca-s-indigo-300, #a5b4fc);
  color:var(--ca-t-indigo-600, #4f46e5);
}
.ca-rm-detail__back svg{ flex:0 0 auto; }
.ca-rm-detail__heading{ min-width:0; }
.ca-rm-detail__title{
  font-size:18px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin:0;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-rm-detail__subtitle{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:2px 0 0;
}
.ca-rm-detail__body{
  max-width:840px;
}
.ca-rm-detail__body--edit .ca-modal__actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-rev-kit-row__title{
  font-size:13px;
  font-weight:400;
  color:var(--ca-t-gray-500, #6b7280);
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-rev-kit-row__company{
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-rev-kit-row__type,
.ca-rev-kit-row__status{
  flex-shrink:0;
  min-width:0;
  overflow:hidden;
}
.ca-rev-kit-row__deal{
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-rev-kit-row__author{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  white-space:nowrap;
}
.ca-rev-kit-row__requested-for{
  display:block;
  font-size:11px;
  color:var(--ca-t-indigo-600, #4f46e5);
  margin-top:2px;
}
.ca-rev-kit-row__seller{
  display:block;
  font-size:11px;
  color:var(--ca-t-violet-500, #8b5cf6);
  margin-top:2px;
}
.ca-rev-kit-row__actions{
  flex-shrink:0;
}
.ca-rev-kit-row__menu{
  background:none;
  border:none;
  cursor:pointer;
  padding:4px;
  border-radius:4px;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-rev-kit-row__menu:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-700, #374151);
}
.ca-rev-kit-row__menu-wrap{
  position:relative;
}
.ca-rev-kit-dropdown{
  display:none;
  position:absolute;
  top:100%;
  right:0;
  margin-top:4px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  min-width:130px;
  z-index:50;
  padding:4px 0;
}
.ca-rev-kit-dropdown.is-open{
  display:block;
}
.ca-rev-kit-dropdown__item{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  padding:8px 14px;
  border:none;
  background:none;
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
  white-space:nowrap;
}
.ca-rev-kit-dropdown__item:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-rev-kit-dropdown__item--danger{
  color:var(--ca-t-red-600, #dc2626);
}
.ca-rev-kit-dropdown__item--danger:hover{
  background:var(--ca-s-red-50, #fef2f2);
}
.ca-rev-kit-dropdown__sep{
  height:1px;
  background:var(--ca-s-gray-200, #e5e7eb);
  margin:4px 0;
}
.ca-customer-item.is-selected{
  background:var(--ca-s-blue-50, #eff6ff);
  border-color:var(--ca-s-blue-500, #3b82f6);
}
/* View modal content */
.ca-rm-view__meta{
  font-size:15px;
  margin-bottom:12px;
}
.ca-rm-view__status{
  font-weight:600;
}
.ca-rm-view__user{
  margin-bottom:16px;
  padding-bottom:12px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  line-height:1.5;
}
.ca-rm-view__dl{
  display:grid;
  grid-template-columns:minmax(120px,28%) 1fr;
  gap:10px 20px;
  margin:0;
  font-size:14px;
}
.ca-rm-view__dl dt{
  margin:0;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
.ca-rm-view__dl dd{
  margin:0;
  color:var(--ca-t-gray-900, #111827);
  word-break:break-word;
  overflow-wrap:anywhere;
  min-width:0;
}
.ca-rm-view__dl dd a{
  color:var(--ca-t-indigo-600, #4f46e5);
  word-break:break-all;
}
.ca-rm-view__heading{
  font-weight:700;
  font-size:14px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  padding-bottom:4px;
  margin-top:8px;
  grid-column:1/-1;
}
@media(max-width:600px){
  .ca-rm-view__dl{
    grid-template-columns:1fr;
  }
  .ca-rm-view__dl dt{
    padding-bottom:0;
  }
}
.ca-rev-kit-empty{
  text-align:center;
  padding:60px 20px;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-rev-kit-empty svg{margin-bottom:8px;}
.ca-rev-kit-empty p{margin:0;font-size:14px;}

/* ── Revenue badges ── */
.ca-rev-badge{
  display:inline-block;
  max-width:100%;
  padding:3px 10px;
  border-radius:6px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.02em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-rev-badge--orange{background:var(--ca-s-orange-50, #fff7ed);color:var(--ca-t-orange-700, #c2410c);}
.ca-rev-badge--blue{background:var(--ca-s-blue-50, #eff6ff);color:var(--ca-t-blue-700, #1d4ed8);}
.ca-rev-badge--green{background:var(--ca-s-green-50, #f0fdf4);color:var(--ca-t-green-700, #15803d);}
.ca-rev-badge--gray{background:var(--ca-s-gray-100, #f3f4f6);color:var(--ca-t-gray-500, #6b7280);}
.ca-rev-badge--yellow{background:var(--ca-s-yellow-50, #fefce8);color:var(--ca-t-yellow-700, #a16207);}
.ca-rev-badge--purple{background:var(--ca-s-purple-50, #faf5ff);color:var(--ca-t-violet-600, #7c3aed);}
.ca-rev-badge--dev{background:var(--ca-s-slate-100, #f1f5f9);color:var(--ca-t-slate-600, #475569);}

/* ── Customer list (Select Customer Modal) ── */
.ca-customer-search{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  margin-bottom:14px;
  background:var(--ca-s-white, #ffffff);
}
.ca-customer-search input{
  border:none;
  outline:none;
  flex:1;
  font-size:14px;
  color:var(--ca-t-gray-900, #111827);
  background:transparent;
}
.ca-customer-search input::placeholder{color:var(--ca-t-gray-400, #9ca3af);}

.ca-customer-list{
  display:flex;
  flex-direction:column;
  gap:0;
  max-height:340px;
  overflow-y:auto;
  margin-bottom:14px;
}
.ca-customer-item{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-bottom:none;
  background:var(--ca-s-white, #ffffff);
  cursor:pointer;
  text-align:left;
  width:100%;
  transition:background .15s;
}
.ca-customer-item:first-child{border-radius:10px 10px 0 0;}
.ca-customer-item:last-child{border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);border-radius:0 0 10px 10px;}
.ca-customer-item:only-child{border-radius:10px;border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);}
.ca-customer-item:hover{background:var(--ca-s-gray-50, #f9fafb);}
.ca-customer-item__icon{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--ca-s-xf3f0ff, #f3f0ff);
  border-radius:10px;
  color:var(--ca-t-violet-600, #7c3aed);
  flex-shrink:0;
}
.ca-customer-item__info{
  flex:1;
  min-width:0;
}
.ca-customer-item__name{
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-customer-item__meta{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  margin-top:1px;
}
.ca-customer-item__stats{
  font-size:12px;
  color:var(--ca-t-gray-400, #9ca3af);
  margin-top:2px;
}
.ca-customer-item__arrow{
  flex-shrink:0;
  color:var(--ca-t-gray-300, #d1d5db);
}
.ca-customer-empty{
  text-align:center;
  padding:32px 16px;
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:14px;
}
.ca-customer-add-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  padding:12px;
  border:1px dashed var(--ca-s-gray-300, #d1d5db);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  transition:border-color .15s,color .15s;
}
.ca-customer-add-btn:hover{
  border-color:var(--ca-s-indigo-500, #6366f1);
  color:var(--ca-t-indigo-500, #6366f1);
}

/* ── Responsive adjustments ── */
@media(max-width:1024px){
  .ca-rev-kit-header{
    display:none;
  }
  .ca-rev-kit-row{
    grid-template-columns:1fr;
    gap:8px;
  }
  .ca-rev-kit-row__deal,
  .ca-rev-kit-row__author{
    font-size:12px;
  }
}
.ca-dashboard__content .ca-rev-mgmt{
  padding:0;
}

/* Wizard loader overlay inside modal body */
.ca-rm-loader[hidden]{display:none!important;}
.ca-rm-loader{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:60px 20px;
  position:absolute;
  inset:0;
  background:var(--ca-s-white-a92, rgba(255,255,255,.92));
  z-index:5;
}
.ca-rm-loader__spinner{
  width:32px;
  height:32px;
  border:3px solid var(--ca-s-gray-200, #e5e7eb);
  border-top-color:var(--ca-s-indigo-500, #6366f1);
  border-radius:50%;
  animation:caRmSpin .6s linear infinite;
}
@keyframes caRmSpin{to{transform:rotate(360deg)}}
.ca-rm-loader__text{
  margin-top:12px;
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-modal__body{
  position:relative;
}

/* Add New Customer form */
.ca-new-customer-form{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:4px 0;
}
.ca-form-row{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.ca-form-row--split{
  flex-direction:row;
  gap:12px;
}
.ca-form-col{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.ca-form-label{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
.ca-required{
  color:var(--ca-t-red-500, #ef4444);
}
.ca-form-input{
  width:100%;
  padding:9px 12px;
  font-size:14px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
  outline:none;
  transition:border-color .15s;
  box-sizing:border-box;
}
.ca-form-input:focus{
  border-color:var(--ca-s-indigo-500, #6366f1);
  box-shadow:0 0 0 3px rgba(99,102,241,.12);
}

@media(max-width:640px){
  .ca-form-row--split{
    flex-direction:column;
  }
  .ca-rev-mgmt{padding:16px;}
  .ca-dashboard__content .ca-rev-mgmt{padding:0;}
  .ca-rev-mgmt__title{font-size:22px;}
  .ca-modal__panel--form{
    width:96vw !important;
    max-height:100vh; max-height:100dvh;
    padding:16px 18px;
  }
  .ca-modal__panel--form .ca-modal__actions{
    position:sticky;
    bottom:0;
    background:var(--ca-s-white, #ffffff);
    padding:12px 0 4px;
    z-index:5;
    box-shadow:0 -4px 12px rgba(0,0,0,.06);
  }
}

/* ══════════════════════════════════════════════════════════════════════
   Scheduling & One-Pager — Sub-tabs
   ══════════════════════════════════════════════════════════════════════ */
.ca-sop-tabs{
  display:flex;
  gap:0;
  border-bottom:2px solid var(--ca-s-gray-200, #e5e7eb);
  margin-bottom:24px;
}
.ca-sop-tabs__btn{
  padding:10px 20px;
  font-size:14px;
  font-weight:600;
  background:none;
  border:none;
  border-bottom:2px solid transparent;
  margin-bottom:-2px;
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  transition:color .2s,border-color .2s;
  white-space:nowrap;
}
.ca-sop-tabs__btn:hover{
  color:var(--ca-t-gray-900, #111827);
}
.ca-sop-tabs__btn.is-active{
  color:var(--ca-t-indigo-500, #6366f1);
  border-bottom-color:var(--ca-s-indigo-500, #6366f1);
}
.ca-sop-pane[hidden]{
  display:none !important;
}
.ca-sop-pane{
  display:none;
}
.ca-sop-pane.is-active{
  display:block;
}

/* ── Scheduling: Leads tab (polished layout + pagination) ── */
.ca-scheduling-onepager .ca-sop-leads-panel,
.wrap .ca-sop-leads-panel{
  background:linear-gradient(180deg,var(--ca-s-xfafbff, #fafbff) 0%,var(--ca-s-white, #ffffff) 48px);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  box-shadow:0 1px 3px rgba(15,23,42,.06);
  padding:24px 28px 28px;
}
.ca-scheduling-onepager--dashboard{
  min-width:0;
}
.ca-scheduling-onepager__intro{
  margin:0 0 20px;
}
.ca-scheduling-onepager .button,
.ca-scheduling-onepager .button-primary,
.ca-scheduling-onepager .button-secondary{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 14px;
  font-size:13px;
  font-weight:600;
  line-height:1.4;
  border-radius:8px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
  text-decoration:none;
  box-sizing:border-box;
}
.ca-scheduling-onepager .button:hover{
  background:var(--ca-s-gray-50, #f9fafb);
  border-color:var(--ca-s-gray-400, #9ca3af);
}
.ca-scheduling-onepager .button-primary{
  background:var(--ca-s-indigo-500, #6366f1);
  border-color:var(--ca-s-indigo-500, #6366f1);
  color:var(--ca-t-white, #ffffff);
}
.ca-scheduling-onepager .button-primary:hover{
  background:var(--ca-s-indigo-600, #4f46e5);
  border-color:var(--ca-s-indigo-600, #4f46e5);
  color:var(--ca-t-white, #ffffff);
}
.ca-scheduling-onepager .button-secondary{
  background:var(--ca-s-gray-100, #f3f4f6);
  border-color:var(--ca-s-gray-300, #d1d5db);
  color:var(--ca-t-gray-700, #374151);
}
.ca-scheduling-onepager .button:disabled,
.ca-scheduling-onepager .button-primary:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.ca-scheduling-onepager .regular-text{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  padding:8px 12px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
  font-size:14px;
}
.ca-sop-leads__head{
  margin-bottom:20px;
  padding-bottom:16px;
  border-bottom:1px solid var(--ca-s-slate-100, #f1f5f9);
}
.ca-sop-leads__title{
  margin:0 0 6px;
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-slate-900, #0f172a);
  letter-spacing:-.02em;
}
.ca-sop-leads__desc{
  margin:0;
  font-size:14px;
  color:var(--ca-t-slate-500, #64748b);
  line-height:1.5;
  max-width:720px;
}
.ca-sop-leads__toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:14px 20px;
  margin-bottom:20px;
  padding:16px 18px;
  background:var(--ca-s-slate-50, #f8fafc);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:10px;
}
.ca-sop-leads__search-wrap{
  flex:1;
  min-width:220px;
}
.ca-sop-leads__search{
  width:100%;
  max-width:400px;
  border-radius:8px;
  border:1px solid var(--ca-s-slate-300, #cbd5e1);
  padding:8px 12px;
  font-size:14px;
}
.ca-sop-leads__date-wrap{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
.ca-sop-leads__date-label{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-slate-600, #475569);
}
.ca-sop-leads__date{
  border-radius:8px;
  border:1px solid var(--ca-s-slate-300, #cbd5e1);
  padding:7px 10px;
}
.ca-sop-leads__clear-date{
  border-radius:8px;
}
.ca-sop-leads__loading,
.ca-sop-rk__loading{
  padding:24px;
  text-align:center;
  color:var(--ca-t-slate-500, #64748b);
  font-size:14px;
}
.ca-sop-leads__table-card{
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:10px;
  overflow:hidden;
  background:var(--ca-s-white, #ffffff);
}
.ca-sop-leads__table-wrap{
  margin:0;
  overflow-x:auto;
  border:none;
  border-radius:0;
}
.ca-sop-leads__table thead th{
  background:var(--ca-s-slate-100, #f1f5f9);
  color:var(--ca-t-slate-700, #334155);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
  font-weight:600;
  padding:12px 14px;
  border-bottom:1px solid var(--ca-s-slate-200, #e2e8f0);
}
.ca-sop-leads__table tbody td{
  padding:12px 14px;
  vertical-align:middle;
  border-bottom:1px solid var(--ca-s-slate-100, #f1f5f9);
  font-size:14px;
}
.ca-sop-leads__table tbody tr:last-child td{
  border-bottom:none;
}
.ca-sop-leads__th-narrow{
  width:40px;
}
.ca-sop-leads__id{
  font-size:13px;
  background:var(--ca-s-slate-100, #f1f5f9);
  padding:2px 8px;
  border-radius:6px;
  color:var(--ca-t-slate-600, #475569);
}
.ca-sop-leads__name{
  font-weight:600;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-sop-leads__email{
  color:var(--ca-t-indigo-600, #4f46e5);
  text-decoration:none;
}
.ca-sop-leads__email:hover{
  text-decoration:underline;
}
.ca-sop-leads__pill{
  display:inline-flex;
  align-items:center;
  padding:4px 10px;
  border-radius:9999px;
  font-size:12px;
  font-weight:600;
}
.ca-sop-leads__pill--scheduled{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-700, #1d4ed8);
}
.ca-sop-leads__pill--pending{
  background:var(--ca-s-slate-100, #f1f5f9);
  color:var(--ca-t-slate-500, #64748b);
}
.ca-sop-rk-select-col{
  width:36px;
  text-align:center;
  vertical-align:middle;
}
.ca-sop-rk-select-col input[type="checkbox"]{
  margin:0;
}
.ca-sop-rk-selection-count{
  font-size:13px;
  color:var(--ca-t-slate-600, #475569);
  align-self:center;
}
.ca-sop-pagination{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 20px;
  padding:14px 18px;
  background:var(--ca-s-zinc-50, #fafafa);
  border-top:1px solid var(--ca-s-slate-200, #e2e8f0);
  font-size:13px;
}
.ca-sop-pagination__info{
  color:var(--ca-t-slate-600, #475569);
  font-weight:500;
}
.ca-sop-pagination__controls{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
}
.ca-sop-pagination__per{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  color:var(--ca-t-slate-500, #64748b);
  font-size:13px;
}
.ca-sop-pagination__select{
  border-radius:8px;
  border:1px solid var(--ca-s-slate-300, #cbd5e1);
  padding:6px 10px;
  min-width:72px;
  background:var(--ca-s-white, #ffffff);
}
.ca-sop-pagination__nav{
  display:flex;
  gap:8px;
}
.ca-sop-pagination__btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}

/* ── Revenue Kit badges in admin table ── */
.ca-rev-badge{
  display:inline-block;
  max-width:100%;
  padding:2px 8px;
  border-radius:9999px;
  font-size:11px;
  font-weight:600;
  line-height:1.4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-rev-badge--gray{background:var(--ca-s-gray-100, #f3f4f6);color:var(--ca-t-gray-600, #4b5563);}
.ca-rev-badge--yellow{background:var(--ca-s-amber-100, #fef3c7);color:var(--ca-t-amber-600, #d97706);}
.ca-rev-badge--blue{background:var(--ca-s-blue-100, #dbeafe);color:var(--ca-t-blue-600, #2563eb);}
.ca-rev-badge--green{background:var(--ca-s-green-100, #dcfce7);color:var(--ca-t-green-600, #16a34a);}
.ca-rev-badge--orange{background:var(--ca-s-orange-100, #ffedd5);color:var(--ca-t-orange-600, #ea580c);}

/* ── Advisory status badges in SOP tab ── */
.ca-adv-req__status{
  display:inline-block;
  padding:2px 8px;
  border-radius:9999px;
  font-size:11px;
  font-weight:600;
  line-height:1.4;
}
.ca-adv-req__status--pending{background:var(--ca-s-amber-100, #fef3c7);color:var(--ca-t-amber-600, #d97706);}
.ca-adv-req__status--in-progress{background:var(--ca-s-blue-100, #dbeafe);color:var(--ca-t-blue-600, #2563eb);}
.ca-adv-req__status--completed{background:var(--ca-s-green-100, #dcfce7);color:var(--ca-t-green-600, #16a34a);}
.ca-adv-req__status--cancelled{background:var(--ca-s-red-100, #fee2e2);color:var(--ca-t-red-600, #dc2626);}

/* ── Kit card: new status badge colors (client-side) ── */
.ca-lop-kit-card__badge--pending{
  background:var(--ca-s-amber-100, #fef3c7);
  color:var(--ca-t-amber-600, #d97706);
}
.ca-lop-kit-card__badge--in-progress{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-600, #2563eb);
}
.ca-lop-kit-card__badge--completed{
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-600, #16a34a);
}

/* ── Kit card: result deliverable link ── */
.ca-lop-kit-card__result{
  margin:8px 0;
}
.ca-lop-kit-card__result .ca-btn--sm{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  padding:6px 14px;
  border-radius:6px;
}
.ca-lop-kit-card__result .ca-btn--sm svg{
  flex-shrink:0;
}

/* Revenue Kit Management: read-only request detail modal */
.ca-sop-rk-view{
  padding:0;
}
.ca-sop-rk-view__hero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:16px;
}
.ca-sop-rk-view__hero-main{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  min-width:0;
}
.ca-sop-rk-view__request-id{
  font-size:16px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-sop-rk-view__type{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  padding-left:8px;
  border-left:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-sop-rk-view__badge{
  display:inline-flex;
  align-items:center;
  padding:4px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  white-space:nowrap;
}
.ca-sop-rk-view__badge--completed{
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-800, #166534);
}
.ca-sop-rk-view__badge--progress{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-700, #1d4ed8);
}
.ca-sop-rk-view__badge--pending{
  background:var(--ca-s-amber-100, #fef3c7);
  color:var(--ca-t-amber-800, #92400e);
}
.ca-sop-rk-view__badge--default{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-700, #374151);
}
.ca-sop-rk-view__people{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
  margin-bottom:20px;
}
.ca-sop-rk-view__person{
  display:flex;
  flex-direction:column;
  gap:4px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:14px 16px;
}
.ca-sop-rk-view__person-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-sop-rk-view__person-name{
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-sop-rk-view__person-email{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  word-break:break-all;
}
.ca-sop-rk-view__section{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:16px 18px;
  margin-bottom:16px;
}
.ca-sop-rk-view__section:last-child{
  margin-bottom:0;
}
.ca-sop-rk-view__section-title{
  font-size:11px;
  font-weight:700;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 14px;
}
.ca-sop-rk-view__loading{
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
  margin:0;
}
.ca-sop-rk-view__meta{
  font-size:15px;
  margin-bottom:12px;
}
.ca-sop-rk-view__user{
  margin-bottom:16px;
  padding-bottom:12px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  line-height:1.5;
}
.ca-sop-rk-view__status{
  font-weight:600;
}
.ca-sop-rk-view__dl{
  display:grid;
  grid-template-columns:minmax(120px,28%) 1fr;
  gap:12px 20px;
  margin:0;
  font-size:14px;
}
.ca-sop-rk-view__dl dt{
  margin:0;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
.ca-sop-rk-view__dl dt.ca-sop-rk-view__dl-heading{
  grid-column:1 / -1;
  font-size:13px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  padding-bottom:6px;
  margin-top:4px;
  border-bottom:1px solid var(--ca-s-gray-100, #f3f4f6);
}
.ca-sop-rk-view__dl dd{
  margin:0;
  color:var(--ca-t-gray-900, #111827);
  word-break:break-word;
  overflow-wrap:anywhere;
  min-width:0;
}
.ca-sop-rk-view__dl dd.ca-sop-rk-view__text-block{
  line-height:1.6;
  white-space:pre-wrap;
}
.ca-sop-rk-view__dl dd a{
  word-break:break-all;
}
.ca-sop-rk-view__link{
  color:var(--ca-t-indigo-500, #6366f1);
  word-break:break-all;
}
.ca-sop-rk-view__link-row{
  margin-bottom:6px;
}
.ca-sop-rk-view__link-row:last-child{
  margin-bottom:0;
}
.ca-sop-rk-view__link-desc{
  display:block;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:13px;
  margin-top:2px;
}
.ca-sop-rk-view__file-row{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
}
.ca-sop-rk-view__file-row:last-child{
  margin-bottom:0;
}
.ca-sop-rk-view__gtm-loading{
  margin:0 0 16px;
  padding:12px 16px;
  border:1px dashed var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:13px;
}
.ca-sop-rk-view__gtm-slot{
  margin-top:16px;
}
.ca-sop-rk-view__gtm-error{
  margin:0;
  padding:12px 16px;
  border:1px solid var(--ca-s-red-200, #fecaca);
  border-radius:8px;
  background:var(--ca-s-red-50, #fef2f2);
  color:var(--ca-t-red-700, #b91c1c);
  font-size:13px;
}
.ca-sop-rk-view__gtm-dna{
  margin-top:0;
}
.ca-sop-rk-view__gtm-details{
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  background:var(--ca-s-gray-50, #f9fafb);
  overflow:hidden;
}
.ca-sop-rk-view__gtm-summary{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 12px;
  padding:14px 16px;
  cursor:pointer;
  list-style:none;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-sop-rk-view__gtm-summary::-webkit-details-marker{
  display:none;
}
.ca-sop-rk-view__gtm-summary::before{
  content:'';
  width:0;
  height:0;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:6px solid var(--ca-s-indigo-500, #6366f1);
  transition:transform .15s ease;
  flex:0 0 auto;
}
.ca-sop-rk-view__gtm-details[open] .ca-sop-rk-view__gtm-summary::before{
  transform:rotate(90deg);
}
.ca-sop-rk-view__gtm-summary-label{
  color:var(--ca-t-gray-700, #374151);
}
.ca-sop-rk-view__gtm-summary-name{
  color:var(--ca-t-gray-900, #111827);
}
.ca-sop-rk-view__gtm-summary-meta{
  font-size:12px;
  font-weight:500;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-sop-rk-view__gtm-body{
  padding:0 16px 16px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-white, #ffffff);
}
.ca-sop-rk-view__gtm-intro{
  margin:12px 0 0;
  font-size:13px;
  line-height:1.5;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-sop-rk-view__gtm-subtitle{
  margin:16px 0 8px;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
.ca-sop-rk-view__gtm-subtitle:first-child{
  margin-top:12px;
}
.ca-sop-rk-view__gtm-doc-list{
  margin:0;
  padding-left:18px;
  font-size:13px;
  color:var(--ca-t-gray-700, #374151);
}
.ca-sop-rk-view__gtm-doc-list li{
  margin-bottom:4px;
}
.ca-sop-rk-view__gtm-sections{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ca-sop-rk-view__gtm-section{
  padding-top:4px;
}
.ca-sop-rk-view__gtm-dl{
  display:grid;
  grid-template-columns:minmax(120px, 34%) 1fr;
  gap:8px 16px;
  margin:0;
  font-size:13px;
}
.ca-sop-rk-view__gtm-dl dt{
  margin:0;
  font-weight:600;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-sop-rk-view__gtm-dl dd{
  margin:0;
  color:var(--ca-t-gray-900, #111827);
  word-break:break-word;
}
.ca-sop-rk-view__gtm-empty{
  margin:0;
  font-size:13px;
  color:var(--ca-t-gray-400, #9ca3af);
}

/* Scheduling & One-Pagers: Revenue Kit in-page detail */
.ca-sop-rk-view-page,
.ca-sop-rk-edit-page{
  margin-top:20px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:14px;
  background:var(--ca-s-white, #ffffff);
  box-shadow:0 4px 24px rgba(15, 23, 42, 0.06);
  overflow:hidden;
}
.ca-sop-rk-view-page[hidden],
.ca-sop-rk-edit-page[hidden]{
  display:none !important;
}
.ca-sop-rk-view-page__header,
.ca-sop-rk-edit-page__header{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:20px 24px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-zinc-50, #fafafa);
}
.ca-sop-rk-view-page__back,
.ca-sop-rk-edit-page__back{
  align-self:flex-start;
}
.ca-sop-rk-view-page__title,
.ca-sop-rk-edit-page__title{
  margin:0;
  font-size:20px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-sop-rk-view-page__subtitle,
.ca-sop-rk-edit-page__subtitle{
  margin:4px 0 0;
  font-size:13px;
  font-weight:400;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.45;
}
.ca-sop-rk-view-page__body,
.ca-sop-rk-edit-page__body{
  padding:20px 24px;
  background:var(--ca-s-slate-50, #f8fafc);
}
.ca-sop-rk-view-page__footer,
.ca-sop-rk-edit-page__footer{
  padding:16px 24px 20px;
  background:var(--ca-s-zinc-50, #fafafa);
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-sop-rk-view-page__playbook{
  margin:0 0 16px;
  padding:16px 18px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
}
.ca-sop-rk-view-page__playbook[hidden]{
  display:none !important;
  margin:0;
  padding:0;
  border:0;
}
.ca-sop-rk-view-page__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.ca-sop-rk-view-page__actions-start{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.ca-sop-rk-edit-page__form{
  margin:0;
  padding:0;
  border:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.ca-sop-rk-edit-page__notice{
  margin:0;
  font-size:13px;
  min-height:18px;
}
.ca-sop-rk-edit-page__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}
.ca-sop-revkit-list[hidden]{
  display:none !important;
}
[data-ca-sop-rk-tbody] tr.is-view-active{
  background:var(--ca-s-blue-50, #eff6ff);
}
[data-ca-sop-rk-tbody] tr.is-view-active td{
  border-top-color:var(--ca-s-blue-200, #bfdbfe);
  border-bottom-color:var(--ca-s-blue-200, #bfdbfe);
}

/* Scheduling & One-Pagers: Revenue Kit modals (legacy; edit form classes reused in-page) */
#caSopRkDetailModal,
#caSopRkViewModal{
  --ca-sop-rk-modal-inset-y:clamp(32px, 5vh, 56px);
  --ca-sop-rk-modal-inset-x:clamp(16px, 3vw, 32px);
  padding:var(--ca-sop-rk-modal-inset-y) var(--ca-sop-rk-modal-inset-x);
  align-items:stretch;
  justify-content:center;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  min-height:100vh;
  min-height:100dvh;
  box-sizing:border-box;
}
#caSopRkDetailModal.is-open,
#caSopRkViewModal.is-open{
  display:flex;
}
#caSopRkDetailModal .ca-sop-rk-detail-modal__panel,
#caSopRkViewModal .ca-sop-rk-view-modal__panel{
  width:min(1100px, calc(100vw - (var(--ca-sop-rk-modal-inset-x) * 2)));
  max-width:1100px;
  max-height:calc(100vh - (var(--ca-sop-rk-modal-inset-y) * 2));
  max-height:calc(100dvh - (var(--ca-sop-rk-modal-inset-y) * 2));
  margin:auto;
  padding:0;
  overflow:hidden;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  box-shadow:0 24px 64px rgba(15, 23, 42, 0.18);
  flex-shrink:0;
}
#caSopRkDetailModal .ca-sop-rk-modal__header,
#caSopRkViewModal .ca-sop-rk-modal__header{
  margin-bottom:0;
  padding:20px 24px;
  padding-right:64px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-zinc-50, #fafafa);
}
#caSopRkDetailModal .ca-sop-rk-modal__header-text,
#caSopRkViewModal .ca-sop-rk-modal__header-text{
  min-width:0;
}
#caSopRkDetailModal .ca-sop-rk-modal__subtitle,
#caSopRkViewModal .ca-sop-rk-modal__subtitle{
  margin:4px 0 0;
  font-size:13px;
  font-weight:400;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.45;
}
#caSopRkDetailModal .ca-sop-rk-detail-modal__body,
#caSopRkViewModal .ca-sop-rk-view-modal__body{
  flex:1;
  overflow-y:auto;
  overflow-x:hidden;
  min-height:0;
  padding:20px 24px;
  background:var(--ca-s-slate-50, #f8fafc);
  scrollbar-width:thin;
  scrollbar-color:var(--ca-s-slate-300, #cbd5e1) transparent;
}
#caSopRkDetailModal .ca-sop-rk-detail-modal__body::-webkit-scrollbar,
#caSopRkViewModal .ca-sop-rk-view-modal__body::-webkit-scrollbar{
  width:6px;
}
#caSopRkDetailModal .ca-sop-rk-detail-modal__body::-webkit-scrollbar-thumb,
#caSopRkViewModal .ca-sop-rk-view-modal__body::-webkit-scrollbar-thumb{
  background:var(--ca-s-slate-300, #cbd5e1);
  border-radius:999px;
}
#caSopRkDetailModal .ca-sop-rk-detail-modal__footer,
.ca-sop-rk-edit-page .ca-sop-rk-edit-page__footer{
  flex-shrink:0;
  padding:20px 24px;
  background:var(--ca-s-zinc-50, #fafafa);
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
}
#caSopRkDetailModal .ca-sop-rk-detail-modal__form,
.ca-sop-rk-edit-page .ca-sop-rk-edit-page__form{
  margin:0;
  padding:0;
  border:0;
  gap:14px;
}
#caSopRkDetailModal .ca-sop-rk-modal__section,
.ca-sop-rk-edit-page .ca-sop-rk-modal__section{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:16px 18px;
}
#caSopRkDetailModal .ca-sop-rk-modal__section-title,
.ca-sop-rk-edit-page .ca-sop-rk-modal__section-title{
  font-size:11px;
  font-weight:700;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 14px;
}
#caSopRkDetailModal .ca-sop-rk-detail-modal__fields,
.ca-sop-rk-edit-page .ca-sop-rk-detail-modal__fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 16px;
}
#caSopRkDetailModal .ca-sop-rk-detail-modal__field,
.ca-sop-rk-edit-page .ca-sop-rk-detail-modal__field{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-gray-700, #374151);
}
#caSopRkDetailModal .ca-sop-rk-detail-modal__field--full,
.ca-sop-rk-edit-page .ca-sop-rk-detail-modal__field--full{
  grid-column:1 / -1;
}
#caSopRkDetailModal .ca-sop-rk-detail-modal__field input,
#caSopRkDetailModal .ca-sop-rk-detail-modal__field select,
.ca-sop-rk-edit-page .ca-sop-rk-detail-modal__field input,
.ca-sop-rk-edit-page .ca-sop-rk-detail-modal__field select{
  font-weight:400;
}
#caSopRkDetailModal .ca-sop-rk-detail-modal__hint,
.ca-sop-rk-edit-page .ca-sop-rk-detail-modal__hint{
  font-size:12px;
  font-weight:400;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.45;
}
#caSopRkDetailModal .ca-sop-rk-detail-modal__actions,
.ca-sop-rk-edit-page .ca-sop-rk-edit-page__actions{
  padding-top:4px;
}
.ca-sop-rk-detail-summary{
  padding-bottom:0;
}
#caSopRkViewModal .ca-sop-rk-view-modal__footer{
  flex-shrink:0;
  padding:16px 24px 20px;
  background:var(--ca-s-zinc-50, #fafafa);
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
}
#caSopRkViewModal .ca-sop-rk-view-modal__playbook{
  margin:0 0 16px;
  padding:16px 18px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
}
#caSopRkViewModal .ca-sop-rk-view-modal__playbook[hidden]{
  display:none !important;
  margin:0;
  padding:0;
  border:0;
}
#caSopRkViewModal .ca-sop-rk-view-modal__actions{
  margin-top:0;
  flex-wrap:wrap;
  gap:10px;
}
#caSopRkViewModal .ca-sop-rk-view-modal__actions .ca-modal__actions-start{
  flex:1 1 auto;
  min-width:0;
}

/* Conversation / feedback block in edit modal */
.ca-sop-rk-feedback{
  margin-top:0;
  padding-top:0;
  border-top:0;
}
.ca-sop-rk-feedback__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 0 10px;
  flex-wrap:wrap;
  gap:8px;
}
.ca-sop-rk-feedback__title{
  margin:0;
}
.ca-sop-rk-feedback__actions{
  display:flex;
  gap:6px;
  align-items:center;
  flex-wrap:wrap;
}
.ca-sop-rk-feedback__refresh-icon{
  font-size:14px;
  width:14px;
  height:14px;
  vertical-align:middle;
}
.ca-sop-rk-feedback__status{
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  margin:0 0 10px;
}
.ca-sop-rk-feedback__thread{
  max-height:280px;
  overflow-y:auto;
  background:var(--ca-s-gray-50, #f9fafb);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  padding:12px;
}
.ca-sop-rk-feedback__loading{
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:13px;
  margin:0;
}
.ca-sop-rk-feedback__error{
  color:var(--ca-t-red-500, #ef4444);
  font-size:13px;
  margin:0;
}
.ca-sop-rk-feedback__composer{
  margin-top:12px;
}
.ca-sop-rk-feedback__input{
  width:100%;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:10px;
  padding:10px 12px;
  font-size:13px;
  font-family:inherit;
  resize:vertical;
  min-height:72px;
  box-sizing:border-box;
  background:var(--ca-s-white, #ffffff);
}
.ca-sop-rk-feedback__input:focus{
  outline:none;
  border-color:var(--ca-s-indigo-500, #6366f1);
  box-shadow:0 0 0 3px rgba(99, 102, 241, 0.12);
}
.ca-sop-rk-feedback__send-row{
  display:flex;
  justify-content:flex-end;
  margin-top:8px;
}

@media(max-width:1024px){
  #caSopRkDetailModal,
  #caSopRkViewModal{
    --ca-sop-rk-modal-inset-x:20px;
  }
  #caSopRkDetailModal .ca-sop-rk-detail-modal__panel,
  #caSopRkViewModal .ca-sop-rk-view-modal__panel{
    width:min(960px, calc(100vw - (var(--ca-sop-rk-modal-inset-x) * 2)));
    max-width:none;
  }
}

@media(max-width:768px){
  .ca-sop-rk-view-page__header,
  .ca-sop-rk-edit-page__header,
  .ca-sop-rk-view-page__body,
  .ca-sop-rk-edit-page__body,
  .ca-sop-rk-view-page__footer,
  .ca-sop-rk-edit-page__footer{
    padding-left:16px;
    padding-right:16px;
  }
  .ca-sop-rk-view-page__actions-start{
    flex-direction:column;
    align-items:stretch;
  }
  .ca-sop-rk-view-page__actions-start .atlasgtm-playbook-panel__btn,
  .ca-sop-rk-edit-page__actions .ca-btn{
    width:100%;
  }
  #caSopRkDetailModal,
  #caSopRkViewModal{
    --ca-sop-rk-modal-inset-y:24px;
    --ca-sop-rk-modal-inset-x:16px;
  }
  #caSopRkDetailModal .ca-sop-rk-detail-modal__panel,
  #caSopRkViewModal .ca-sop-rk-view-modal__panel{
    width:calc(100vw - (var(--ca-sop-rk-modal-inset-x) * 2));
    max-width:none;
    max-height:calc(100vh - (var(--ca-sop-rk-modal-inset-y) * 2));
    max-height:calc(100dvh - (var(--ca-sop-rk-modal-inset-y) * 2));
    margin:auto;
    border-radius:14px;
  }
  #caSopRkDetailModal .ca-sop-rk-modal__header,
  #caSopRkViewModal .ca-sop-rk-modal__header{
    padding:16px 18px;
    padding-right:56px;
  }
  #caSopRkDetailModal .ca-sop-rk-detail-modal__body,
  #caSopRkViewModal .ca-sop-rk-view-modal__body{
    padding:16px 18px;
  }
  #caSopRkDetailModal .ca-sop-rk-detail-modal__footer,
  #caSopRkViewModal .ca-sop-rk-view-modal__footer{
    padding:16px 18px;
  }
  #caSopRkDetailModal .ca-sop-rk-detail-modal__fields,
  .ca-sop-rk-edit-page .ca-sop-rk-detail-modal__fields{
    grid-template-columns:1fr;
  }
  #caSopRkDetailModal .ca-sop-rk-detail-modal__actions,
  .ca-sop-rk-edit-page .ca-sop-rk-edit-page__actions,
  #caSopRkViewModal .ca-sop-rk-view-modal__actions{
    flex-direction:column;
    align-items:stretch;
  }
  #caSopRkDetailModal .ca-sop-rk-detail-modal__actions .ca-btn,
  #caSopRkViewModal .ca-sop-rk-view-modal__actions .ca-btn,
  #caSopRkViewModal .ca-sop-rk-view-modal__actions .ca-modal__actions-start .button{
    width:100%;
    justify-content:center;
  }
  .ca-sop-rk-view__people{
    grid-template-columns:1fr;
  }
  .ca-sop-rk-feedback__header{
    flex-direction:column;
    align-items:flex-start;
  }
  .ca-sop-rk-feedback__actions{
    width:100%;
  }
  .ca-sop-rk-feedback__actions .button{
    flex:1 1 auto;
  }
}

@media(max-width:600px){
  #caSopRkDetailModal,
  #caSopRkViewModal{
    --ca-sop-rk-modal-inset-y:20px;
    --ca-sop-rk-modal-inset-x:12px;
  }
  #caSopRkDetailModal .ca-sop-rk-modal__header,
  #caSopRkViewModal .ca-sop-rk-modal__header{
    padding:14px 16px;
    padding-right:52px;
  }
  #caSopRkDetailModal .ca-sop-rk-detail-modal__body,
  #caSopRkViewModal .ca-sop-rk-view-modal__body{
    padding:14px 16px;
  }
  #caSopRkDetailModal .ca-sop-rk-detail-modal__footer,
  #caSopRkViewModal .ca-sop-rk-view-modal__footer{
    padding:14px 16px;
  }
  #caSopRkViewModal .ca-sop-rk-view-modal__playbook{
    padding:14px 16px;
  }
  .ca-sop-rk-view__hero{
    flex-direction:column;
    align-items:flex-start;
  }
  .ca-sop-rk-view__type{
    padding-left:0;
    border-left:0;
    width:100%;
  }
  .ca-sop-rk-view__dl{
    grid-template-columns:1fr;
  }
  .ca-sop-rk-view__gtm-dl{
    grid-template-columns:1fr;
  }
  .ca-sop-rk-view__dl dt{
    padding-bottom:0;
  }
}

.ca-sop-rk-view__brand-kit{
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-sop-rk-view__brand-kit-title{
  margin:0 0 6px;
  font-size:14px;
  font-weight:700;
}
.ca-sop-rk-view__brand-kit-hint{
  margin:0 0 12px;
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.45;
}
.ca-sop-rk-view__brand-kit-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}
.ca-sop-rk-view__brand-kit-select{
  min-width:220px;
  max-width:100%;
  flex:1 1 220px;
}
.ca-sop-rk-view__brand-kit-swatches{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  min-height:28px;
}
.ca-sop-rk-view__brand-kit-swatch{
  display:inline-block;
  width:28px;
  height:28px;
  border-radius:6px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
}
.ca-sop-rk-view__brand-kit-font{
  font-size:13px;
  color:var(--ca-t-slate-500, #64748b);
}
.ca-sop-rk-view__brand-kit-logo{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  margin-top:10px;
}
.ca-sop-rk-view__brand-kit-logo-label{
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-slate-500, #64748b);
  text-transform:uppercase;
  letter-spacing:.04em;
}
.ca-sop-rk-view__brand-kit-logo-link{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  background:var(--ca-s-slate-50, #f8fafc);
  padding:4px;
  flex-shrink:0;
}
.ca-sop-rk-view__brand-kit-logo-img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.ca-sop-rk-view__brand-kit-logo-url{
  font-size:12px;
  color:var(--ca-t-blue-600, #2563eb);
  word-break:break-all;
  line-height:1.4;
  text-decoration:none;
}
.ca-sop-rk-view__brand-kit-logo-url:hover{
  text-decoration:underline;
}
.ca-sop-rk-view__brand-kit-warn{
  margin:8px 0 0;
  font-size:13px;
  color:var(--ca-t-amber-700, #b45309);
}
.ca-sop-rk-view__brand-kit-status{
  margin:8px 0 0;
  font-size:13px;
  color:var(--ca-t-emerald-600, #059669);
}
.ca-sop-rk-view__brand-kit-empty,
.ca-sop-rk-view__brand-kit-error,
.ca-sop-rk-view__brand-kit-loading{
  margin:8px 0 0;
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-sop-rk-view__brand-kit-error{
  color:var(--ca-t-red-600, #dc2626);
}

/* ═══════════════════════════════════════════════
   Company Management
   ═══════════════════════════════════════════════ */

.ca-companies-admin .ca-super-admin__header h1,
.ca-companies-admin__dashboard-title{
  display:flex;
  align-items:center;
  gap:10px;
}

.ca-companies-admin--dashboard{
  min-width:0;
}

.ca-companies-admin__dashboard-head{
  margin-bottom:20px;
}

.ca-companies-admin__dashboard-title{
  margin:0 0 6px;
  font-size:1.25rem;
  font-weight:600;
}

.ca-companies-admin__intro{
  margin:0;
}

.ca-sadm-pane[data-ca-pane="companies"] .ca-companies-admin{
  margin-top:0;
}

.ca-comp-create-form,
.ca-comp-detail{
  background: var(--ca-surface, var(--ca-s-white, #ffffff));
  border: 1px solid var(--ca-border, var(--ca-s-slate-200, #e2e8f0));
  border-radius: 12px;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
}

.ca-comp-create-form h3,
.ca-comp-detail h3{
  margin: 0 0 1rem;
  font-size: 1rem;
  font-weight: 600;
}

.ca-sadm-create-form__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.ca-sadm-create-form__grid label{
  display: flex;
  flex-direction: column;
  font-size: .85rem;
  font-weight: 500;
  gap: .35rem;
}
.ca-sadm-create-form__grid input,
.ca-sadm-create-form__grid select,
.ca-sadm-create-form__grid textarea{
  padding: .45rem .6rem;
  border: 1px solid var(--ca-border, var(--ca-s-gray-300, #d1d5db));
  border-radius: 6px;
  font-size: .85rem;
}
.ca-sadm-create-form__full{
  grid-column: 1 / -1;
}
.ca-sadm-create-form__actions{
  display: flex;
  gap: .75rem;
  margin-top: 1rem;
  align-items: center;
}
.ca-comp-create-msg{
  font-size: .85rem;
  color: var(--ca-muted, var(--ca-t-gray-500, #6b7280));
  margin: .5rem 0 0;
}

/* Detail panel */
.ca-comp-detail{
  position: relative;
}
.ca-sadm-detail__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.ca-sadm-detail__header h2{
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
}
.ca-sadm-detail__close{
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  line-height: 1;
  padding: 0 .25rem;
  color: var(--ca-muted, var(--ca-t-gray-500, #6b7280));
}

.ca-comp-detail__fields{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.ca-comp-detail__fields label{
  display: flex;
  flex-direction: column;
  font-size: .85rem;
  font-weight: 500;
  gap: .35rem;
}
.ca-comp-detail__fields input,
.ca-comp-detail__fields select,
.ca-comp-detail__fields textarea{
  padding: .45rem .6rem;
  border: 1px solid var(--ca-border, var(--ca-s-gray-300, #d1d5db));
  border-radius: 6px;
  font-size: .85rem;
}

.ca-comp-detail__save-row{
  display: flex;
  gap: .75rem;
  align-items: center;
  margin: 1rem 0;
}
.ca-comp-detail-msg{
  font-size: .85rem;
  color: var(--ca-muted, var(--ca-t-gray-500, #6b7280));
}

.ca-btn-danger{
  background: var(--ca-s-red-500, #ef4444);
  color: var(--ca-t-white, #ffffff);
  border: none;
  border-radius: 6px;
  padding: .4rem .75rem;
  cursor: pointer;
  font-size: .82rem;
}
.ca-btn-danger:hover{
  background: var(--ca-s-red-600, #dc2626);
}

.ca-btn--xs{
  font-size: .75rem;
  padding: .25rem .5rem;
}

.ca-comp-row-delete{
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1rem;
  padding: .25rem .4rem;
  border-radius: 4px;
  opacity: .45;
  transition: opacity .15s, background .15s;
}
.ca-comp-row-delete:hover{
  opacity: 1;
  background: var(--ca-s-red-50, #fef2f2);
}
.ca-comp-table th:last-child,
.ca-comp-table td:last-child{
  width: 3rem;
  text-align: center;
}

.ca-btn-danger-inline{
  color: var(--ca-t-red-600, #dc2626) !important;
  border-color: var(--ca-s-red-300, #fca5a5) !important;
  background: var(--ca-s-white, #ffffff) !important;
}
.ca-btn-danger-inline:hover{
  background: var(--ca-s-red-50, #fef2f2) !important;
  border-color: var(--ca-s-red-600, #dc2626) !important;
  color: var(--ca-t-red-700, #b91c1c) !important;
}

/* Members add row */
.ca-comp-members-add{
  display: flex;
  gap: .75rem;
  align-items: center;
  margin-bottom: 1rem;
}
.ca-comp-members-add input,
.ca-comp-members-add select{
  padding: .4rem .6rem;
  border: 1px solid var(--ca-border, var(--ca-s-gray-300, #d1d5db));
  border-radius: 6px;
  font-size: .85rem;
}
.ca-comp-members-add__search-wrap{
  position:relative;
  flex:1;
  min-width:200px;
}
.ca-comp-members-add__search{
  width:100%;
  box-sizing:border-box;
}
.ca-comp-members-add__dropdown{
  position:absolute;
  top:100%;
  left:0;
  right:0;
  z-index:50;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-top:none;
  border-radius:0 0 6px 6px;
  max-height:220px;
  overflow-y:auto;
  box-shadow:0 4px 12px rgba(0,0,0,.1);
}
.ca-comp-members-add__dropdown[hidden]{ display:none; }
.ca-comp-members-add__dropdown-item{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  cursor:pointer;
  font-size:.85rem;
  border-bottom:1px solid var(--ca-s-gray-100, #f3f4f6);
}
.ca-comp-members-add__dropdown-item:last-child{ border-bottom:none; }
.ca-comp-members-add__dropdown-item:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-comp-members-add__dropdown-name{
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
}
.ca-comp-members-add__dropdown-email{
  color:var(--ca-t-gray-500, #6b7280);
  font-size:.8rem;
}
.ca-comp-members-add__dropdown-empty{
  padding:10px;
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:.85rem;
  text-align:center;
}
.ca-comp-members-add__selected{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-700, #6d28d9);
  border-radius:4px;
  padding:2px 8px;
  font-size:.8rem;
  font-weight:500;
}
.ca-comp-members-add__selected-clear{
  cursor:pointer;
  font-weight:700;
  color:var(--ca-t-violet-700, #6d28d9);
  margin-left:2px;
}

.ca-comp-members-table .ca-comp-member-role{
  padding: .3rem .4rem;
  border: 1px solid var(--ca-border, var(--ca-s-gray-300, #d1d5db));
  border-radius: 4px;
  font-size: .8rem;
}

@media (max-width: 768px){
  .ca-sadm-create-form__grid,
  .ca-comp-detail__fields{
    grid-template-columns: 1fr;
  }
  .ca-comp-detail__save-row{
    flex-wrap: wrap;
  }
  .ca-comp-members-add{
    flex-wrap: wrap;
  }
}

/* ──────────────────────────────────────────────────────────────────────────
 * Atlas Surfaces "Schedule a Call" — self-contained styles for /atlas-surfaces.
 * Mirrors the older .ca-gs-* gate-modal/banner/reminder styles under a new
 * .ca-as-* prefix so this flow stays independent of the deprecated /onboarding.
 * ────────────────────────────────────────────────────────────────────────── */

/* CTA row sitting just under the topbar */
.ca-as-call-cta{
  display:flex;
  justify-content:center;
  margin:-12px 0 8px;
}
.ca-as-call-cta__btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 22px;
  font-size:14px;
  font-weight:600;
  border-radius:10px;
  box-shadow:0 6px 18px rgba(124,58,237,0.18);
}

/* Scheduled banner */
.ca-as-call-banner{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 20px;
  background:linear-gradient(135deg,var(--ca-s-violet-100, #ede9fe) 0%,var(--ca-s-blue-100, #dbeafe) 100%);
  border:1px solid var(--ca-s-violet-300, #c4b5fd);
  border-radius:12px;
  margin:0 auto 18px;
  max-width:680px;
  font-size:14px;
  color:var(--ca-t-indigo-800, #3730a3);
}
.ca-as-call-banner__icon{
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-as-call-banner__text{
  flex:1;
  line-height:1.4;
}
.ca-as-call-banner__btn{
  background:none;
  border:1px solid var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-violet-600, #7c3aed);
  padding:6px 16px;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
  transition:background .15s, color .15s;
}
.ca-as-call-banner__btn:hover{
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
}

/* Overlay used while the call modal is open */
.ca-as-overlay{
  position:fixed;
  inset:0;
  z-index:998;
  background:rgba(0,0,0,0.35);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}

/* Schedule call modal */
.ca-as-call-modal{
  position:fixed;
  inset:0;
  z-index:999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.ca-as-call-modal.is-open{
  display:flex;
}
.ca-as-call-modal__backdrop{
  position:absolute;
  inset:0;
  cursor:pointer;
}
.ca-as-call-modal__panel{
  position:relative;
  z-index:1;
  background:var(--ca-s-white, #ffffff);
  border-radius:16px;
  box-shadow:0 20px 60px rgba(0,0,0,0.2);
  max-width:620px;
  width:100%;
  padding:40px 36px 36px;
  max-height:90vh;
  overflow-y:auto;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-as-call-modal__panel,
.ca-as-call-modal__panel *,
.ca-as-call-modal__panel input,
.ca-as-call-modal__panel select,
.ca-as-call-modal__panel textarea,
.ca-as-call-modal__panel button{
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-as-call-modal__close{
  position:absolute;
  top:16px;
  right:16px;
  width:36px;
  height:36px;
  padding:0;
  border:0;
  background:transparent;
  font-size:28px;
  line-height:1;
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:color .15s ease, background .15s ease;
}
.ca-as-call-modal__close:hover{
  color:var(--ca-t-gray-900, #111827);
  background:var(--ca-s-gray-100, #f3f4f6);
}
.ca-as-call-modal__badge{
  display:inline-block;
  padding:4px 14px;
  border-radius:20px;
  font-size:12px;
  font-weight:600;
  letter-spacing:0.4px;
  text-transform:uppercase;
  color:var(--ca-t-violet-600, #7c3aed);
  background:var(--ca-s-violet-100, #ede9fe);
  margin-bottom:8px;
}
.ca-as-call-modal__title{
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-x1a1a2e, #1a1a2e);
  margin:8px 0 6px;
}
.ca-as-call-modal__desc{
  font-size:14px;
  color:var(--ca-t-x555555, #555555);
  line-height:1.55;
  margin:0 0 24px;
}
.ca-as-call-modal__next{
  width:100%;
  margin-top:12px;
}
.ca-as-call-modal__hint{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
  text-align:center;
  margin-top:12px;
}
.ca-as-call-modal__dismiss{
  margin:16px 0 0;
  text-align:center;
}
.ca-as-call-modal__dismiss-btn{
  background:none;
  border:0;
  padding:0;
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  text-decoration:underline;
  transition:color .15s ease;
}
.ca-as-call-modal__dismiss-btn:hover{
  color:var(--ca-t-gray-900, #111827);
}
.ca-as-bookme-wrap{
  min-height:300px;
}
.ca-as-call-confirm{
  text-align:center;
  padding:20px 0;
}
.ca-as-call-confirm svg{
  margin-bottom:16px;
}
.ca-as-call-confirm h3{
  font-size:20px;
  font-weight:700;
  margin:0 0 8px;
  color:var(--ca-t-x1a1a2e, #1a1a2e);
}
.ca-as-call-confirm p{
  font-size:14px;
  color:var(--ca-t-x555555, #555555);
  margin:0 0 20px;
}

/* Reminder modal (View Details on banner) */
.ca-as-reminder-modal{
  position:fixed;
  inset:0;
  z-index:100000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.ca-as-reminder-modal.is-open{
  display:flex;
}
.ca-as-reminder-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.3);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.ca-as-reminder-modal__panel{
  position:relative;
  z-index:1;
  background:var(--ca-s-white, #ffffff);
  border-radius:14px;
  box-shadow:0 16px 48px rgba(0,0,0,0.16);
  max-width:420px;
  width:100%;
  padding:32px 28px;
  text-align:center;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-as-reminder-modal__panel,
.ca-as-reminder-modal__panel *{
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-as-reminder-modal__close{
  position:absolute;
  top:12px;
  right:14px;
  background:none;
  border:none;
  font-size:20px;
  cursor:pointer;
  color:var(--ca-t-x666666, #666666);
  padding:4px 8px;
  border-radius:6px;
}
.ca-as-reminder-modal__close:hover{
  background:var(--ca-s-xf0f0f0, #f0f0f0);
}
.ca-as-reminder-modal__panel h3{
  font-size:18px;
  font-weight:700;
  margin:0 0 10px;
}
.ca-as-reminder-modal__panel p{
  font-size:14px;
  color:var(--ca-t-x555555, #555555);
  margin:0 0 16px;
}
.ca-as-reminder-modal__panel .ca-btn{
  margin-bottom:12px;
}
.ca-as-reminder-modal__hint{
  font-size:13px;
  color:var(--ca-t-gray-500, #6b7280);
}

@media (max-width:640px){
  .ca-as-call-modal__panel{
    padding:28px 20px 24px;
  }
  .ca-as-call-banner{
    flex-direction:column;
    text-align:center;
  }
}

/* ───────────────────────────────────────────────────────────────
   Atlas Roles (front-end + wp-admin fallback)
   ─────────────────────────────────────────────────────────────── */
.ca-atlas-roles__topbar{
  margin-bottom:16px;
}
.ca-atlas-roles__back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:10px;
  color:var(--ca-t-slate-600, #475569);
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.ca-atlas-roles__back:hover{
  background:var(--ca-s-slate-50, #f8fafc);
  border-color:var(--ca-s-indigo-200, #c7d2fe);
  color:var(--ca-t-indigo-600, #4f46e5);
}
.ca-atlas-roles__tabs{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  padding:4px;
  margin:0 0 20px;
  background:var(--ca-s-slate-100, #f1f5f9);
  border-radius:12px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
}
.ca-atlas-roles__tab{
  display:inline-flex;
  align-items:center;
  padding:9px 16px;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-slate-500, #64748b);
  background:transparent;
  border-radius:9px;
  text-decoration:none;
  transition:all .18s ease;
}
.ca-atlas-roles__tab:hover{
  color:var(--ca-t-slate-700, #334155);
  background:var(--ca-s-white-a55, rgba(255,255,255,.55));
}
.ca-atlas-roles__tab.is-active{
  color:var(--ca-t-indigo-600, #4f46e5);
  background:var(--ca-s-white, #ffffff);
  box-shadow:0 1px 3px rgba(15,23,42,.08);
}
.ca-atlas-roles__flash{
  margin:0 0 16px;
  padding:12px 14px;
  border-radius:10px;
  font-size:13px;
  font-weight:600;
}
.ca-atlas-roles__flash--success{
  background:var(--ca-s-emerald-50, #ecfdf5);
  border:1px solid var(--ca-s-emerald-200, #a7f3d0);
  color:var(--ca-t-emerald-700, #047857);
}
.ca-atlas-roles__flash--error{
  background:var(--ca-s-red-50, #fef2f2);
  border:1px solid var(--ca-s-red-200, #fecaca);
  color:var(--ca-t-red-700, #b91c1c);
}
.ca-atlas-roles__panel{
  margin-bottom:20px;
}
.ca-atlas-roles__panel-title{
  margin:0 0 16px;
  font-size:16px;
  font-weight:700;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-atlas-roles__panel-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.ca-atlas-roles__panel-head .ca-atlas-roles__panel-title{
  margin:0;
}
.ca-atlas-roles__search{
  display:flex;
  align-items:center;
  gap:8px;
}
.ca-atlas-roles__search .ca-super-admin__search{
  min-width:220px;
}
.ca-atlas-roles__req{
  color:var(--ca-t-red-600, #dc2626);
}
.ca-atlas-roles__hint{
  display:block;
  margin-top:6px;
  font-size:12px;
  color:var(--ca-t-slate-500, #64748b);
  line-height:1.5;
}
.ca-atlas-roles__hint--footer{
  margin-top:14px;
}
.ca-atlas-roles .ca-sadm-create-form__grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:16px;
}
.ca-atlas-roles .ca-sadm-create-form__grid > label{
  min-width:0;
}
.ca-atlas-roles .ca-sadm-create-form__grid input,
.ca-atlas-roles .ca-sadm-create-form__grid select{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.ca-atlas-roles__field-select{
  min-width:0;
}
.ca-atlas-roles__toggle-field{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}
.ca-atlas-roles__checkbox-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0;
  font-weight:600;
  color:var(--ca-t-slate-800, #1e293b);
  cursor:pointer;
}
.ca-atlas-roles__checkbox-label input[type=checkbox]{
  width:16px;
  height:16px;
  margin:0;
  padding:0;
  border:none;
  border-radius:4px;
  flex:0 0 auto;
  accent-color:var(--ca-s-violet-600, #7c3aed);
  box-shadow:none;
}
.ca-atlas-roles__checkbox-label input[type=checkbox]:focus{
  outline:2px solid rgba(124,58,237,.35);
  outline-offset:2px;
}
.ca-atlas-roles__toggle-field .ca-atlas-roles__hint{
  margin:0;
}
.ca-atlas-roles__empty{
  margin:0;
  color:var(--ca-t-slate-500, #64748b);
  font-size:14px;
}
.ca-atlas-roles__you{
  display:inline-block;
  margin-left:6px;
  padding:1px 8px;
  border-radius:999px;
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-700, #6d28d9);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}
.ca-atlas-roles .cloudatlas-atlas-roles-row-form{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.ca-atlas-roles .cloudatlas-atlas-roles-row-form .cloudatlas-atlas-roles-role-select{
  min-width:180px;
  border:1px solid var(--ca-s-slate-300, #cbd5e1);
  border-radius:8px;
  padding:8px 10px;
  font-size:13px;
  background:var(--ca-s-white, #ffffff);
}
.ca-atlas-roles .cloudatlas-atlas-roles-row-toggle{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:var(--ca-t-slate-600, #475569);
  background:var(--ca-s-slate-50, #f8fafc);
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
}
.ca-atlas-roles .cloudatlas-atlas-roles-row-toggle input[type=checkbox]{
  margin:0;
}
.ca-atlas-roles .cloudatlas-atlas-roles-row-toggle input[type=checkbox]:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.ca-atlas-roles .cloudatlas-atlas-roles-toggle-label{
  font-weight:600;
  color:var(--ca-t-slate-800, #1e293b);
}
.ca-atlas-roles .ca-atlas-roles__save{
  padding:8px 14px;
  font-size:13px;
}
.ca-atlas-roles code{
  background:var(--ca-s-slate-100, #f1f5f9);
  padding:2px 6px;
  border-radius:4px;
}
.cloudatlas-atlas-roles-page .cloudatlas-atlas-roles-section{
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  padding:18px 22px;
  margin-top:20px;
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.cloudatlas-atlas-roles-page .cloudatlas-atlas-roles-section h2{
  margin-top:0;
  margin-bottom:12px;
  font-size:15px;
  color:var(--ca-t-slate-900, #0f172a);
}
.cloudatlas-atlas-roles-page .cloudatlas-atlas-roles-search{
  margin-bottom:14px;
}
.cloudatlas-atlas-roles-page .cloudatlas-atlas-roles-table th,
.cloudatlas-atlas-roles-page .cloudatlas-atlas-roles-table td{
  vertical-align:middle;
}
.cloudatlas-atlas-roles-page .cloudatlas-atlas-roles-row-form{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.cloudatlas-atlas-roles-page .cloudatlas-atlas-roles-role-select{
  min-width:180px;
}
.cloudatlas-atlas-roles-page .cloudatlas-atlas-roles-row-toggle{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:var(--ca-t-slate-600, #475569);
  background:var(--ca-s-slate-100, #f1f5f9);
  padding:4px 10px;
  border-radius:999px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
}
.cloudatlas-atlas-roles-page .cloudatlas-atlas-roles-row-toggle input[type=checkbox]{
  margin:0;
}
.cloudatlas-atlas-roles-page .cloudatlas-atlas-roles-row-toggle input[type=checkbox]:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.cloudatlas-atlas-roles-page .cloudatlas-atlas-roles-toggle-label{
  font-weight:600;
  color:var(--ca-t-slate-800, #1e293b);
}
.cloudatlas-atlas-roles-page .cloudatlas-atlas-roles-add-form{
  max-width:680px;
}
.cloudatlas-atlas-roles-page code{
  background:var(--ca-s-slate-100, #f1f5f9);
  padding:2px 6px;
  border-radius:4px;
}

/* ── "Browse all surfaces" view inside the catalog modal ── */
/* Honor the [hidden] attribute even when we set display on the element. */
[data-ca-catalog-view][hidden] { display: none !important; }
.ca-surface-catalog__card[hidden],
.ca-dna-surfaces-panel__card[hidden] { display: none !important; }
.ca-surface-catalog__all-view { display:flex; flex-direction:column; gap:14px; }
.ca-surface-catalog__all-header { display:flex; flex-direction:column; gap:10px; }

/* Catalog footer cards — clean card with soft icon tile */
.ca-surface-catalog__footer-link {
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  padding:14px 16px;
  display:flex; align-items:center; gap:12px;
  text-align:left;
  cursor:pointer;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.ca-surface-catalog__footer-link:hover {
  border-color:var(--ca-s-indigo-200, #c7d2fe);
  box-shadow:0 6px 16px -8px rgba(99,102,241,.35);
  background:var(--ca-s-white, #ffffff);
}
.ca-surface-catalog__footer-link > svg:first-child {
  flex-shrink:0;
  width:38px; height:38px;
  padding:9px;
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-600, #7c3aed);
  border-radius:10px;
  box-sizing:border-box;
}
.ca-surface-catalog__footer-link > span {
  flex:1; min-width:0;
  font-family:inherit;
  font-size:12px; color:var(--ca-t-gray-500, #6b7280); line-height:1.35;
}
.ca-surface-catalog__footer-link > span strong {
  display:block;
  font-family:inherit;
  font-size:14px; font-weight:600; color:var(--ca-t-gray-900, #111827);
  margin-bottom:2px;
}
.ca-surface-catalog__footer-link .ca-surface-catalog__arrow { color:var(--ca-t-gray-400, #9ca3af); flex-shrink:0; }

/* "Browse all surfaces" — primary action: subtle indigo accent on hover only */
.ca-surface-catalog__footer-link--primary > svg:first-child {
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-600, #2563eb);
}
.ca-surface-catalog__footer-link--primary:hover .ca-surface-catalog__arrow { color:var(--ca-t-blue-600, #2563eb); }

/* "Help me decide" — Atlas Agent icon tile */
.ca-surface-catalog__footer-link--decide:hover .ca-surface-catalog__arrow { color:var(--ca-t-violet-600, #7c3aed); }
.ca-surface-catalog__agent-icon {
  flex-shrink:0;
  width:38px; height:38px;
  padding:4px;
  background:var(--ca-s-violet-100, #ede9fe);
  border-radius:10px;
  object-fit:contain;
  box-sizing:border-box;
}
.ca-surface-catalog__back-link {
  align-self:flex-start;
  display:inline-flex; align-items:center; gap:6px;
  background:transparent; border:none; color:var(--ca-t-indigo-500, #6366f1); cursor:pointer;
  font-size:13px; font-weight:600; padding:0;
}
.ca-surface-catalog__back-link:hover { text-decoration:underline; }
.ca-surface-catalog__all-title-row { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.ca-surface-catalog__all-title { margin:0; font-size:18px; font-weight:700; color:var(--ca-t-gray-900, #111827); }
.ca-surface-catalog__all-count { font-size:12px; color:var(--ca-t-gray-500, #6b7280); }
.ca-surface-catalog__search {
  display:flex; align-items:center; gap:8px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb); border-radius:8px;
  padding:8px 12px; background:var(--ca-s-gray-50, #f9fafb);
}
.ca-surface-catalog__search input {
  border:none; outline:none; background:transparent; flex:1;
  font-size:13px; color:var(--ca-t-gray-900, #111827);
}
.ca-surface-catalog__all-list { display:flex; flex-direction:column; gap:10px; max-height:55vh; overflow-y:auto; }
.ca-dna-surfaces-slide .ca-surface-catalog__all-list,
.ca-dna-surfaces-slide .ca-dna-surfaces-panel__list{
  flex:none;
  min-height:0;
  max-height:none;
  overflow:visible;
}
.ca-surface-catalog__card--all .ca-surface-catalog__card-icon { color:var(--ca-t-violet-700, #6d28d9); }
.ca-surface-catalog__card-icon--blue { color:var(--ca-t-blue-700, #1d4ed8); }
.ca-surface-catalog__card-icon--green { color:var(--ca-t-green-700, #15803d); }
.ca-surface-catalog__card-icon--purple { color:var(--ca-t-violet-700, #6d28d9); }
.ca-surface-catalog__card-icon--orange { color:var(--ca-t-orange-700, #c2410c); }
.ca-surface-catalog__card-icon--pink { color:var(--ca-t-pink-600, #db2777); }
.ca-surface-catalog__card-icon--teal { color:var(--ca-t-teal-600, #0d9488); }
.ca-surface-catalog__card-icon--gray { color:var(--ca-t-gray-600, #4b5563); }

.ca-surface-catalog__tag--pink { background:var(--ca-s-pink-100, #fce7f3); color:var(--ca-t-pink-700, #be185d); }
.ca-surface-catalog__tag--gray { background:var(--ca-s-gray-100, #f3f4f6); color:var(--ca-t-gray-700, #374151); }
.ca-surface-catalog__tag--teal { background:var(--ca-s-teal-100, #ccfbf1); color:var(--ca-t-teal-700, #0f766e); }

.ca-surface-catalog__card-cta--blue   { background:linear-gradient(135deg,var(--ca-s-blue-700, #1d4ed8),var(--ca-s-blue-500, #3b82f6)); }
.ca-surface-catalog__card-cta--green  { background:linear-gradient(135deg,var(--ca-s-green-700, #15803d),var(--ca-s-green-500, #22c55e)); }
.ca-surface-catalog__card-cta--purple { background:linear-gradient(135deg,var(--ca-s-violet-700, #6d28d9),var(--ca-s-violet-500, #8b5cf6)); }
.ca-surface-catalog__card-cta--orange { background:linear-gradient(135deg,var(--ca-s-orange-700, #c2410c),var(--ca-s-orange-500, #f97316)); }
.ca-surface-catalog__card-cta--pink   { background:linear-gradient(135deg,var(--ca-s-pink-700, #be185d),var(--ca-s-pink-500, #ec4899)); }
.ca-surface-catalog__card-cta--teal   { background:linear-gradient(135deg,var(--ca-s-teal-700, #0f766e),var(--ca-s-teal-500, #14b8a6)); }
.ca-surface-catalog__card-cta--gray   { background:linear-gradient(135deg,var(--ca-s-gray-700, #374151),var(--ca-s-gray-500, #6b7280)); }
.ca-surface-catalog__all-empty { text-align:center; color:var(--ca-t-gray-500, #6b7280); font-size:13px; padding:20px 0; }

/* ── Help Me Decide slide-in panel (Surfaces) ── */
:root{
  --ca-help-decide-panel-width:480px;
  --ca-help-decide-panel-max-width:640px;
}
.ca-help-decide-panel{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  width:var(--ca-help-decide-panel-width);
  max-width:var(--ca-help-decide-panel-max-width);
  z-index:10050;
  pointer-events:none;
  overflow:visible;
  box-sizing:border-box;
}
.ca-help-decide-panel[hidden]{
  display:none !important;
}
.ca-help-decide-panel__dialog{
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:1;
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  max-width:100%;
  height:100vh;
  height:100dvh;
  max-height:100dvh;
  overflow:hidden;
  background:var(--ca-s-white, #ffffff);
  border-left:1px solid var(--ca-s-gray-200, #e5e7eb);
  box-shadow:-8px 0 30px rgba(15,23,42,.08);
  padding:0;
  padding-left:14px;
  box-sizing:border-box;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  pointer-events:auto;
  transform:translateX(100%);
  transition:transform .28s cubic-bezier(.22,.61,.36,1);
}
.ca-help-decide-panel.is-open .ca-help-decide-panel__dialog{
  transform:translateX(0);
}
.ca-help-decide-panel.is-resizing .ca-help-decide-panel__dialog{
  transition:none;
}
.ca-help-decide-panel__resize{
  position:absolute;
  top:0;
  left:0;
  width:14px;
  height:100%;
  cursor:ew-resize;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
  touch-action:none;
}
.ca-help-decide-panel__resize:hover .ca-help-decide-panel__resize-grip,
.ca-help-decide-panel.is-resizing .ca-help-decide-panel__resize-grip{
  background:var(--ca-s-violet-600, #7c3aed);
}
.ca-help-decide-panel__resize-grip{
  width:4px;
  height:46px;
  border-radius:999px;
  background:var(--ca-s-slate-300, #cbd5e1);
  transition:background .15s;
}
html.ca-help-decide-panel-open,
body.ca-help-decide-panel-open{
  overflow-x:hidden;
  width:100%;
  max-width:100%;
}
body.ca-help-decide-panel-open .ca-layout--dashboard{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  box-sizing:border-box;
}
body.ca-help-decide-panel-open .ca-dashboard{
  width:100%;
  max-width:100%;
  padding-right:var(--ca-help-decide-panel-width);
  margin-right:0;
  box-sizing:border-box;
  overflow-x:hidden;
  grid-template-columns:var(--ca-sidebar-width) minmax(0, 1fr);
  transition:padding-right .28s cubic-bezier(.22,.61,.36,1);
}
body.ca-help-decide-panel-open #caSurfaceCatalogModal.is-open{
  padding-right:var(--ca-help-decide-panel-width);
  transition:padding-right .28s cubic-bezier(.22,.61,.36,1);
}
body.ca-help-decide-panel-resizing #caSurfaceCatalogModal.is-open{
  transition:none;
}
body.ca-help-decide-panel-resizing .ca-dashboard{
  transition:none;
}
.ca-help-decide-copilot{
  display:flex;
  flex-direction:column;
  flex:1;
  min-width:0;
  max-width:100%;
  height:100%;
  width:100%;
  overflow:hidden;
  box-sizing:border-box;
}
.ca-help-decide-copilot *,
.ca-help-decide-copilot *::before,
.ca-help-decide-copilot *::after{
  box-sizing:border-box;
}
.ca-help-decide-copilot__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:18px 20px 14px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  flex-shrink:0;
  min-width:0;
  position:sticky;
  top:0;
  z-index:30;
  background:var(--ca-s-white, #ffffff);
}
.ca-help-decide-copilot__header-main{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
  padding-right:8px;
}
.ca-help-decide-copilot__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:10px;
  background:var(--ca-s-violet-50, #f5f3ff);
  color:var(--ca-t-violet-600, #7c3aed);
  flex-shrink:0;
  overflow:hidden;
}
.ca-help-decide-copilot__icon img{
  width:28px;
  height:28px;
  object-fit:contain;
}
.ca-help-decide-copilot__header-text{
  min-width:0;
}
.ca-help-decide-copilot__title{
  margin:0 0 4px;
  font-size:17px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  line-height:1.25;
}
.ca-help-decide-copilot__subtitle{
  margin:0;
  font-size:12px;
  line-height:1.45;
  color:var(--ca-t-gray-500, #6b7280);
  overflow-wrap:anywhere;
}
.ca-help-decide-copilot__close{
  border:none;
  background:var(--ca-s-gray-100, #f3f4f6);
  width:36px;
  height:36px;
  border-radius:8px;
  font-size:22px;
  line-height:1;
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
  flex-shrink:0;
  position:relative;
  z-index:31;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-help-decide-copilot__close:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-900, #111827);
}
.ca-help-decide-copilot__messages{
  flex:1;
  min-width:0;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:16px 20px 12px;
  display:flex;
  flex-direction:column;
  gap:18px;
  -webkit-overflow-scrolling:touch;
}
.ca-help-decide-copilot__messages[aria-busy="true"]{
  justify-content:center;
}
.ca-help-decide-copilot__history-loader{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:48px 20px;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:13px;
  text-align:center;
}
.ca-help-decide-copilot__spinner{
  width:28px;
  height:28px;
  border:3px solid var(--ca-s-gray-200, #e5e7eb);
  border-top-color:var(--ca-s-violet-600, #7c3aed);
  border-radius:50%;
  animation:ca-help-decide-copilot-spin .7s linear infinite;
}
@keyframes ca-help-decide-copilot-spin{
  to{transform:rotate(360deg);}
}
.ca-help-decide-copilot__turn{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  max-width:100%;
  width:100%;
}
.ca-help-decide-copilot__turn--user{
  align-items:flex-end;
}
.ca-help-decide-copilot__turn--agent{
  align-items:flex-start;
}
.ca-help-decide-copilot__meta{
  font-size:11px;
  font-weight:600;
  letter-spacing:.02em;
  color:var(--ca-t-gray-400, #9ca3af);
  max-width:100%;
  overflow-wrap:anywhere;
}
.ca-help-decide-copilot__meta--user{
  text-align:right;
}
.ca-help-decide-copilot__agent-header{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  max-width:100%;
  width:100%;
}
.ca-help-decide-copilot__agent-header .ca-help-decide-copilot__meta{
  flex:1;
  min-width:0;
}
.ca-help-decide-copilot__avatar{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-700, #6d28d9);
  font-size:12px;
  font-weight:700;
  flex-shrink:0;
}
.ca-help-decide-copilot__body{
  max-width:100%;
  width:100%;
  font-size:13px;
  line-height:1.5;
  color:var(--ca-t-gray-700, #374151);
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.ca-help-decide-copilot__body--md{
  white-space:normal;
}
.ca-help-decide-copilot__body--md .ca-help-decide-md__p{
  margin:0 0 8px;
}
.ca-help-decide-copilot__body--md .ca-help-decide-md__p:last-child{
  margin-bottom:0;
}
.ca-help-decide-copilot__body--md .ca-help-decide-md__heading{
  margin:12px 0 6px;
  font-size:13px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-help-decide-copilot__body--md .ca-help-decide-md__heading:first-child{
  margin-top:0;
}
.ca-help-decide-copilot__body--md .ca-help-decide-md__list{
  margin:0 0 8px;
  padding-left:18px;
}
.ca-help-decide-copilot__body--md .ca-help-decide-md__list li{
  margin-bottom:4px;
}
.ca-help-decide-copilot__body--md strong{
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-help-decide-copilot__turn--user .ca-help-decide-copilot__body{
  text-align:right;
  color:var(--ca-t-gray-900, #111827);
}
.ca-help-decide-copilot__body--loading{
  font-style:italic;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-help-decide-copilot__submit-card{
  margin-top:10px;
  padding:14px 16px;
  border:1px solid var(--ca-s-purple-200, #e9d5ff);
  border-radius:12px;
  background:linear-gradient(180deg,var(--ca-s-purple-50, #faf5ff) 0%,var(--ca-s-violet-50, #f5f3ff) 100%);
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:100%;
}
.ca-help-decide-copilot__submit-title{
  margin:0;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-violet-900, #4c1d95);
  line-height:1.45;
}
.ca-help-decide-copilot__submit-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.ca-help-decide-copilot__submit-actions.is-hidden{
  display:none !important;
}
.ca-help-decide-copilot__submit-card.is-submitted{
  border-color:var(--ca-s-green-200, #bbf7d0);
  background:linear-gradient(180deg,var(--ca-s-green-50, #f0fdf4) 0%,var(--ca-s-emerald-50, #ecfdf5) 100%);
}
.ca-help-decide-copilot__submit-card.is-submitted .ca-help-decide-copilot__submit-title{
  color:var(--ca-t-green-800, #166534);
}
.ca-help-decide-copilot__submit-card.is-cancelled{
  border-color:var(--ca-s-gray-200, #e5e7eb);
  background:linear-gradient(180deg,var(--ca-s-gray-50, #f9fafb) 0%,var(--ca-s-gray-100, #f3f4f6) 100%);
}
.ca-help-decide-copilot__submit-card.is-cancelled .ca-help-decide-copilot__submit-title{
  color:var(--ca-t-gray-700, #374151);
}
.ca-help-decide-copilot__submit-btn,
.ca-help-decide-copilot__open-wizard-btn,
.ca-help-decide-copilot__schedule-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 18px;
  border:none;
  border-radius:10px;
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
  font-size:13px;
  font-weight:600;
  font-family:inherit;
  cursor:pointer;
  line-height:1.2;
}
.ca-help-decide-copilot__cancel-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  font-size:13px;
  font-weight:600;
  font-family:inherit;
  cursor:pointer;
  line-height:1.2;
}
.ca-help-decide-copilot__cancel-btn:hover:not(:disabled){
  background:var(--ca-s-gray-50, #f9fafb);
  border-color:var(--ca-s-gray-300, #d1d5db);
  color:var(--ca-t-gray-900, #111827);
}
.ca-help-decide-copilot__cancel-btn:disabled{
  opacity:.65;
  cursor:not-allowed;
}
.ca-help-decide-copilot__submit-btn:hover:not(:disabled),
.ca-help-decide-copilot__open-wizard-btn:hover,
.ca-help-decide-copilot__schedule-btn:hover{
  background:var(--ca-s-violet-700, #6d28d9);
}
.ca-help-decide-copilot__submit-btn:disabled{
  opacity:.7;
  cursor:not-allowed;
}
.ca-help-decide-copilot__submit-status{
  margin:0;
  font-size:12px;
  line-height:1.45;
}
.ca-help-decide-copilot__submit-status--success{
  color:var(--ca-t-green-700, #15803d);
}
.ca-help-decide-copilot__submit-status--cancelled{
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-help-decide-copilot__submit-status--error{
  color:var(--ca-t-red-700, #b91c1c);
}
.ca-help-decide-copilot__composer{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 20px 16px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
  flex-shrink:0;
  min-width:0;
  background:var(--ca-s-white, #ffffff);
}
.ca-help-decide-copilot__input{
  flex:1;
  min-width:0;
  width:0;
  padding:10px 14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  font-size:13px;
  font-family:inherit;
  color:var(--ca-t-gray-900, #111827);
  background:var(--ca-s-white, #ffffff);
  outline:none;
}
.ca-help-decide-copilot__input:focus{
  border-color:var(--ca-s-violet-300, #c4b5fd);
  box-shadow:0 0 0 3px rgba(124,58,237,.12);
}
.ca-help-decide-copilot__input:disabled{
  background:var(--ca-s-gray-50, #f9fafb);
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-help-decide-copilot__send{
  padding:10px 18px;
  border:none;
  border-radius:10px;
  background:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-white, #ffffff);
  font-size:13px;
  font-weight:600;
  font-family:inherit;
  cursor:pointer;
  flex-shrink:0;
}
.ca-help-decide-copilot__send:hover:not(:disabled){
  background:var(--ca-s-violet-700, #6d28d9);
}
.ca-help-decide-copilot__send:disabled{
  opacity:.65;
  cursor:not-allowed;
}

/* Help Me Decide — mobile full-screen sheet */
@media (max-width:900px){
  .ca-help-decide-panel{
    left:0;
    right:0;
    width:100%;
    max-width:100%;
  }
  .ca-help-decide-panel__dialog{
    padding-left:0;
    border-left:none;
    box-shadow:none;
  }
  .ca-help-decide-panel__resize{
    display:none;
  }
  body.ca-help-decide-panel-open .ca-dashboard,
  body.ca-help-decide-panel-open #caSurfaceCatalogModal.is-open{
    padding-right:0 !important;
  }
  .ca-help-decide-copilot__header{
    align-items:center;
    padding:12px 14px;
    padding-top:max(12px, env(safe-area-inset-top, 0px));
    gap:10px;
  }
  .ca-help-decide-copilot__header-main{
    align-items:center;
    padding-right:0;
    min-width:0;
    flex:1;
  }
  .ca-help-decide-copilot__icon{
    width:32px;
    height:32px;
  }
  .ca-help-decide-copilot__icon img{
    width:24px;
    height:24px;
  }
  .ca-help-decide-copilot__title{
    font-size:16px;
    margin:0;
  }
  .ca-help-decide-copilot__subtitle{
    display:none;
  }
  .ca-help-decide-copilot__close{
    width:40px;
    height:40px;
    font-size:24px;
  }
  .ca-help-decide-copilot__messages{
    padding:12px 14px;
    gap:14px;
  }
  .ca-help-decide-copilot__composer{
    padding:10px 14px max(14px, env(safe-area-inset-bottom, 0px));
    gap:8px;
  }
  .ca-help-decide-copilot__input{
    font-size:16px;
  }
  .ca-help-decide-copilot__turn--user .ca-help-decide-copilot__body{
    max-width:92%;
  }
}

/* ── Universal Surface Wizard (3-step) ── */
.ca-universal-wizard .ca-wizard__progress { background:var(--ca-s-gray-100, #f3f4f6); }
.ca-universal-wizard .ca-wizard__progress-bar { background:linear-gradient(90deg,var(--ca-s-violet-700, #6d28d9),var(--ca-s-violet-500, #8b5cf6)); }
.ca-universal-q { margin-bottom:18px; }
.ca-universal-q__other { margin-top:8px; }
.ca-universal-step3-status {
  margin-top:14px; padding:14px; border:1px solid var(--ca-s-emerald-100, #d1fae5); background:var(--ca-s-green-50, #f0fdf4);
  border-radius:10px; display:flex; gap:12px; align-items:flex-start;
}
.ca-universal-step3-status__icon { color:var(--ca-t-green-700, #15803d); flex-shrink:0; }
.ca-universal-step3-status__body { display:flex; flex-direction:column; gap:4px; font-size:13px; color:var(--ca-t-emerald-800, #065f46); }
.ca-universal-step3-status__body strong { font-size:14px; color:var(--ca-t-emerald-900, #064e3b); }
.ca-universal-step3-status__body a { color:var(--ca-t-teal-600, #0d9488); text-decoration:underline; }

.ca-btn-ghost {
  background:transparent; color:var(--ca-t-gray-500, #6b7280); border:1px solid var(--ca-s-gray-200, #e5e7eb);
  padding:9px 18px; border-radius:8px; font-size:13px; font-weight:600; cursor:pointer;
}
.ca-btn-ghost:hover { background:var(--ca-s-gray-50, #f9fafb); color:var(--ca-t-gray-700, #374151); }

/* Universal wizard buttons must respect the [hidden] attribute even though
   .ca-btn sets display:inline-flex. */
.ca-universal-wizard .ca-btn[hidden],
.ca-universal-wizard button[hidden] { display: none !important; }
/* Once the booking is confirmed, hide the embedded Bookme widget so we don't
   surface its built-in "Thank you!" + "New booking" UI on top of our own
   success card. */
#caUniversalStep3.is-booked .ca-as-bookme-wrap { display: none !important; }

/* While we walk Bookme back to its calendar step (after a close / before
   a re-open), keep the wrap in the layout but invisible — otherwise the
   user briefly sees the previous request's detail/done step flash before
   it swaps back. visibility:hidden (not display:none) preserves the
   offsetParent visibility check our reset routine relies on. */
.ca-as-bookme-wrap.ca-bookme-resetting { visibility: hidden !important; }

/* Conditional reveal fields inside the universal questions */
.ca-universal-q__other[hidden],
.ca-universal-q__upload[hidden],
.ca-uni-upload__list[hidden] { display: none !important; }
.ca-universal-q__other { margin-top: 8px; }
.ca-universal-q__upload { margin-top: 10px; }

/* === Universal-wizard upload dropzone =================================== */
.ca-uni-upload { display: flex; flex-direction: column; gap: 10px; }
.ca-uni-upload__zone {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 22px 18px;
  border: 1.5px dashed var(--ca-s-indigo-200, #c7d2fe);
  border-radius: 12px;
  background: linear-gradient(180deg, var(--ca-s-xf8faff, #f8faff) 0%, var(--ca-s-xf4f6ff, #f4f6ff) 100%);
  color: var(--ca-t-gray-600, #4b5563);
  text-align: center;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease, transform .05s ease, box-shadow .15s ease;
  outline: none;
}
.ca-uni-upload__zone:hover,
.ca-uni-upload__zone:focus-visible {
  border-color: var(--ca-s-violet-500, #8b5cf6);
  background: var(--ca-s-violet-50, #f5f3ff);
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.10);
}
.ca-uni-upload__zone.is-drag {
  border-color: var(--ca-s-violet-600, #7c3aed);
  background: var(--ca-s-violet-100, #ede9fe);
  box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.15);
}
.ca-uni-upload__input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.ca-uni-upload__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--ca-s-violet-100, #ede9fe);
  color: var(--ca-t-violet-600, #7c3aed);
  margin-bottom: 2px;
}
.ca-uni-upload__title {
  font-size: 13.5px;
  color: var(--ca-t-gray-700, #374151);
}
.ca-uni-upload__title strong {
  color: var(--ca-t-violet-700, #6d28d9);
  font-weight: 600;
}
.ca-uni-upload__sub {
  font-size: 12px;
  color: var(--ca-t-gray-400, #9ca3af);
}

/* File chip list */
.ca-uni-upload__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ca-uni-upload__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius: 8px;
  background: var(--ca-s-white, #ffffff);
}
.ca-uni-upload__file-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: var(--ca-s-gray-100, #f3f4f6);
  color: var(--ca-t-gray-500, #6b7280);
  flex: 0 0 auto;
}
.ca-uni-upload__file-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1 1 auto;
}
.ca-uni-upload__file-name {
  font-size: 13px;
  color: var(--ca-t-gray-900, #111827);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ca-uni-upload__file-size {
  font-size: 11.5px;
  color: var(--ca-t-gray-400, #9ca3af);
}
.ca-uni-upload__remove {
  appearance: none;
  border: none;
  background: transparent;
  color: var(--ca-t-gray-400, #9ca3af);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 6px;
  transition: color .15s ease, background .15s ease;
}
.ca-uni-upload__remove:hover {
  color: var(--ca-t-red-700, #b91c1c);
  background: var(--ca-s-red-50, #fef2f2);
}

/* === Universal-wizard upload progress bar =============================== */
.ca-uni-progress[hidden] { display: none !important; }
.ca-uni-progress {
  margin: 10px 0 4px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ca-uni-progress__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 12.5px;
  color: var(--ca-t-gray-600, #4b5563);
}
.ca-uni-progress__label {
  font-weight: 500;
  color: var(--ca-t-gray-700, #374151);
}
.ca-uni-progress__pct {
  font-variant-numeric: tabular-nums;
  color: var(--ca-t-violet-700, #6d28d9);
  font-weight: 600;
}
.ca-uni-progress__track {
  position: relative;
  width: 100%;
  height: 8px;
  border-radius: 999px;
  background: var(--ca-s-violet-100, #ede9fe);
  overflow: hidden;
}
.ca-uni-progress__bar {
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ca-s-violet-500, #8b5cf6) 0%, var(--ca-s-violet-700, #6d28d9) 100%);
  transition: width .25s ease;
  position: relative;
  overflow: hidden;
}
/* Subtle barber-pole shimmer while uploading */
.ca-uni-progress__bar::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.18) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.18) 50%,
    rgba(255, 255, 255, 0.18) 75%,
    transparent 75%,
    transparent
  );
  background-size: 16px 16px;
  animation: ca-uni-progress-stripes 1s linear infinite;
}
.ca-uni-progress.is-success .ca-uni-progress__bar {
  background: linear-gradient(90deg, var(--ca-s-emerald-500, #10b981) 0%, var(--ca-s-emerald-600, #059669) 100%);
}
.ca-uni-progress.is-success .ca-uni-progress__bar::after { display: none; }
.ca-uni-progress.is-success .ca-uni-progress__pct { color: var(--ca-t-emerald-600, #059669); }
.ca-uni-progress.is-error .ca-uni-progress__bar {
  background: linear-gradient(90deg, var(--ca-s-red-400, #f87171) 0%, var(--ca-s-red-600, #dc2626) 100%);
}
.ca-uni-progress.is-error .ca-uni-progress__bar::after { display: none; }
.ca-uni-progress.is-error .ca-uni-progress__pct { color: var(--ca-t-red-600, #dc2626); }
@keyframes ca-uni-progress-stripes {
  from { background-position: 0 0; }
  to   { background-position: 16px 0; }
}
@media (prefers-reduced-motion: reduce) {
  .ca-uni-progress__bar { transition: none; }
  .ca-uni-progress__bar::after { animation: none; }
}

/* ===== In-page Atlas Surface forms (Product & GTM DNA) ===== */
.ca-dna-surface-forms{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.ca-dna-surface-forms[hidden]{
  display:none !important;
}
.ca-dna-surface-forms:empty:not([hidden]){
  display:none;
}
.ca-dna-surface-forms-bootstrap{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:120px;
  margin-top:16px;
  padding:24px;
  border:1px solid var(--ca-s-xe8ebf0, #e8ebf0);
  border-radius:16px;
  background:var(--ca-s-white, #ffffff);
  box-shadow:0 1px 3px rgba(15,23,42,.06);
}
.ca-dna-surface-forms-bootstrap[hidden]{
  display:none !important;
}

/* Full-page overlay while an in-page Atlas Surface form is being created/loaded */
body.ca-dna-surface-loading-active{ overflow:hidden; }
.ca-dna-surface-loading{
  position:fixed;
  inset:0;
  z-index:10060;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(15,23,42,.45);
  backdrop-filter:blur(2px);
}
.ca-dna-surface-loading[hidden]{ display:none !important; }
.ca-dna-surface-loading__panel{
  width:min(420px, 100%);
  padding:28px 32px 24px;
  background:var(--ca-s-white, #ffffff);
  border-radius:16px;
  box-shadow:0 24px 48px rgba(15,23,42,.18);
  text-align:center;
}
.ca-dna-surface-loading__label{
  margin:0 0 18px;
  min-height:3.2em;
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  line-height:1.45;
  transition:opacity .22s ease;
}
.ca-dna-surface-loading__label.is-fading{
  opacity:.35;
}
.ca-dna-surface-loading__track{
  height:8px;
  border-radius:999px;
  background:var(--ca-s-gray-200, #e5e7eb);
  overflow:hidden;
}
.ca-dna-surface-loading__bar{
  width:40%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--ca-s-violet-600, #7c3aed) 0%,var(--ca-s-violet-400, #a78bfa) 50%,var(--ca-s-violet-600, #7c3aed) 100%);
  background-size:200% 100%;
  animation:ca-dna-surface-loading-bar 1.2s ease-in-out infinite;
}
@keyframes ca-dna-surface-loading-bar{
  0%{ transform:translateX(-120%); background-position:0% 50%; }
  50%{ transform:translateX(80%); background-position:100% 50%; }
  100%{ transform:translateX(220%); background-position:0% 50%; }
}
@media (prefers-reduced-motion:reduce){
  .ca-dna-surface-loading__bar{ animation:none; width:100%; opacity:.85; }
}

/* ── Surface Request Co-Pilot panel (Product GTM DNA) ── */
:root{
  --ca-surface-request-copilot-panel-width:480px;
  --ca-surface-request-copilot-panel-max-width:640px;
}
.ca-surface-request-copilot-panel{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  width:var(--ca-surface-request-copilot-panel-width);
  max-width:var(--ca-surface-request-copilot-panel-max-width);
  z-index:10100;
  pointer-events:none;
  overflow:visible;
  box-sizing:border-box;
}
.ca-surface-request-copilot-panel[hidden]{
  display:none !important;
}
.ca-surface-request-copilot-panel__dialog{
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:1;
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  max-width:100%;
  height:100vh;
  height:100dvh;
  overflow:hidden;
  background:var(--ca-s-white, #ffffff);
  border-left:1px solid var(--ca-s-gray-200, #e5e7eb);
  box-shadow:-12px 0 32px rgba(15,23,42,.1);
  padding:0;
  padding-left:14px;
  box-sizing:border-box;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  pointer-events:auto;
  transform:translateX(100%);
  transition:transform .28s cubic-bezier(.22,.61,.36,1);
}
.ca-surface-request-copilot-panel.is-open .ca-surface-request-copilot-panel__dialog{
  transform:translateX(0);
}
.ca-surface-request-copilot-panel.is-resizing .ca-surface-request-copilot-panel__dialog{
  transition:none;
}
.ca-surface-request-copilot-panel__resize{
  position:absolute;
  top:0;
  left:0;
  width:14px;
  height:100%;
  cursor:ew-resize;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
  touch-action:none;
}
.ca-surface-request-copilot-panel__resize:hover .ca-surface-request-copilot-panel__resize-grip,
.ca-surface-request-copilot-panel.is-resizing .ca-surface-request-copilot-panel__resize-grip{
  background:var(--ca-s-violet-600, #7c3aed);
}
.ca-surface-request-copilot-panel__resize-grip{
  width:4px;
  height:46px;
  border-radius:999px;
  background:var(--ca-s-slate-300, #cbd5e1);
  transition:background .15s;
}
html.ca-surface-request-copilot-open,
body.ca-surface-request-copilot-open{
  overflow-x:hidden;
}
body.ca-surface-request-copilot-open .ca-dna-body__main,
body.ca-surface-request-copilot-open .ca-dashboard__content--dna > .ca-dashboard__topbar--dna{
  padding-right:calc(var(--ca-dna-flyout-gap, 24px) + min(var(--ca-surface-request-copilot-panel-width), calc(100vw - 72px)));
  transition:padding-right .28s cubic-bezier(.22,.61,.36,1);
}
body.ca-surface-request-copilot-open .ca-dna-surfaces-rail{
  visibility:hidden;
  pointer-events:none;
}
body.ca-surface-request-copilot-resizing .ca-dna-body__main{
  transition:none;
}
.ca-surface-request-copilot{
  display:flex;
  flex-direction:column;
  flex:1;
  min-width:0;
  height:100%;
  overflow:hidden;
}
.ca-surface-request-copilot__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:18px 20px 14px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  flex-shrink:0;
}
.ca-surface-request-copilot__header-main{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
}
.ca-surface-request-copilot__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:10px;
  background:var(--ca-s-emerald-50, #ecfdf5);
  color:var(--ca-t-emerald-600, #059669);
  flex-shrink:0;
}
.ca-surface-request-copilot__title{
  margin:0 0 4px;
  font-size:17px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-surface-request-copilot__subtitle{
  margin:0;
  font-size:12px;
  line-height:1.45;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-surface-request-copilot__close{
  border:none;
  background:transparent;
  width:32px;
  height:32px;
  border-radius:8px;
  font-size:24px;
  line-height:1;
  color:var(--ca-t-gray-400, #9ca3af);
  cursor:pointer;
}
.ca-surface-request-copilot__close:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-900, #111827);
}
.ca-surface-request-copilot__messages{
  flex:1;
  min-height:0;
  overflow-y:auto;
  padding:16px 20px 12px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.ca-surface-request-copilot__composer{
  display:flex;
  gap:8px;
  padding:12px 20px 16px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
  flex-shrink:0;
}
.ca-surface-request-copilot__input{
  flex:1;
  min-width:0;
  padding:10px 14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  font-size:14px;
  font-family:inherit;
}
.ca-surface-request-copilot__input:focus{
  outline:none;
  border-color:var(--ca-s-indigo-400, #818cf8);
  box-shadow:0 0 0 3px rgba(129,140,248,.12);
}
.ca-surface-request-copilot__send{
  padding:10px 16px;
  border:none;
  border-radius:10px;
  background:var(--ca-s-emerald-600, #059669);
  color:var(--ca-t-white, #ffffff);
  font-weight:600;
  font-size:14px;
  cursor:pointer;
  font-family:inherit;
}
.ca-surface-request-copilot__send:disabled,
.ca-surface-request-copilot__input:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.ca-surface-request-copilot__turn{
  display:flex;
  flex-direction:column;
  gap:8px;
  max-width:100%;
}
.ca-surface-request-copilot__turn--user{
  align-items:flex-end;
}
.ca-surface-request-copilot__meta{
  font-size:10px;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-surface-request-copilot__meta--user{ color:var(--ca-t-gray-500, #6b7280); }
.ca-surface-request-copilot__body{
  font-size:14px;
  line-height:1.55;
  color:var(--ca-t-gray-700, #374151);
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.ca-surface-request-copilot__turn--user .ca-surface-request-copilot__body{
  background:var(--ca-s-gray-100, #f3f4f6);
  padding:10px 14px;
  border-radius:12px 12px 4px 12px;
  max-width:92%;
}
.ca-surface-request-copilot__turn--agent .ca-surface-request-copilot__body{
  max-width:100%;
}
.ca-surface-request-copilot__agent-header{
  display:flex;
  align-items:center;
  gap:8px;
}
.ca-surface-request-copilot__avatar{
  width:28px;
  height:28px;
  border-radius:50%;
  background:var(--ca-s-emerald-50, #ecfdf5);
  color:var(--ca-t-emerald-600, #059669);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
}
.ca-surface-request-copilot__body--md p{ margin:0 0 8px; }
.ca-surface-request-copilot__body--md ul{
  margin:0 0 8px;
  padding-left:18px;
}
.ca-surface-request-copilot__card{
  margin-top:8px;
  padding:12px 14px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  background:var(--ca-s-zinc-50, #fafafa);
}
.ca-surface-request-copilot__card-label{
  margin:0 0 8px;
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-surface-request-copilot__card-value{
  font-size:14px;
  color:var(--ca-t-gray-900, #111827);
  margin-bottom:10px;
  white-space:pre-wrap;
}
.ca-surface-request-copilot__save{
  padding:8px 14px;
  border:1px solid var(--ca-s-emerald-600, #059669);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-emerald-600, #059669);
  font-weight:600;
  font-size:13px;
  cursor:pointer;
}
.ca-surface-request-copilot__save.is-saved{
  border-color:var(--ca-s-gray-300, #d1d5db);
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-surface-request-copilot__submit-card{
  margin-top:10px;
  padding:14px;
  border:1px solid var(--ca-s-emerald-100, #d1fae5);
  border-radius:12px;
  background:var(--ca-s-emerald-50, #ecfdf5);
}
.ca-surface-request-copilot__submit-title{
  margin:0 0 8px;
  font-size:14px;
  font-weight:700;
  color:var(--ca-t-emerald-800, #065f46);
}
.ca-surface-request-copilot__submit-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.ca-surface-request-copilot__submit-actions.is-hidden{
  display:none !important;
}
.ca-surface-request-copilot__submit-card.is-submitted{
  border-color:var(--ca-s-green-200, #bbf7d0);
  background:linear-gradient(180deg,var(--ca-s-green-50, #f0fdf4) 0%,var(--ca-s-emerald-50, #ecfdf5) 100%);
}
.ca-surface-request-copilot__submit-card.is-submitted .ca-surface-request-copilot__submit-title{
  color:var(--ca-t-green-800, #166534);
}
.ca-surface-request-copilot__submit-card.is-submitted .ca-surface-request-copilot__submit-btn{
  background:var(--ca-s-emerald-100, #d1fae5);
  color:var(--ca-t-emerald-800, #065f46);
  cursor:default;
}
.ca-surface-request-copilot__submit-card.is-cancelled{
  border-color:var(--ca-s-gray-200, #e5e7eb);
  background:linear-gradient(180deg,var(--ca-s-gray-50, #f9fafb) 0%,var(--ca-s-gray-100, #f3f4f6) 100%);
}
.ca-surface-request-copilot__submit-card.is-cancelled .ca-surface-request-copilot__submit-title{
  color:var(--ca-t-gray-700, #374151);
}
.ca-surface-request-copilot__submit-btn{
  padding:10px 16px;
  border:none;
  border-radius:10px;
  background:var(--ca-s-emerald-600, #059669);
  color:var(--ca-t-white, #ffffff);
  font-weight:600;
  font-size:13px;
  cursor:pointer;
}
.ca-surface-request-copilot__submit-btn:hover:not(:disabled){
  background:var(--ca-s-emerald-700, #047857);
}
.ca-surface-request-copilot__submit-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.ca-surface-request-copilot__submit-card.is-cancelled .ca-surface-request-copilot__submit-btn{
  opacity:1;
  cursor:pointer;
}
.ca-surface-request-copilot__cancel-btn{
  padding:10px 16px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  font-weight:600;
  font-size:13px;
  cursor:pointer;
}
.ca-surface-request-copilot__submit-status{
  margin-top:8px;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-surface-request-copilot__submit-status--success{ color:var(--ca-t-emerald-600, #059669); }
.ca-surface-request-copilot__submit-status--error{ color:var(--ca-t-red-600, #dc2626); }
.ca-surface-request-copilot__turn--error .ca-surface-request-copilot__body p{
  margin:0 0 8px;
  color:var(--ca-t-red-700, #b91c1c);
}
.ca-surface-request-copilot__retry-btn{
  padding:8px 14px;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  font-weight:600;
  font-size:13px;
  cursor:pointer;
}
.ca-surface-request-copilot__retry-btn:hover{
  background:var(--ca-s-gray-50, #f9fafb);
  border-color:var(--ca-s-gray-400, #9ca3af);
}
.ca-surface-request-copilot__saved-note{
  display:flex;
  align-items:center;
  gap:6px;
  margin:2px 0 10px;
  padding:6px 12px;
  border-radius:8px;
  background:var(--ca-s-emerald-50, #ecfdf5);
  border:1px solid var(--ca-s-emerald-200, #a7f3d0);
  color:var(--ca-t-emerald-700, #047857);
  font-size:12px;
  font-weight:600;
}
.ca-surface-request-copilot__saved-note::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--ca-s-emerald-600, #059669);
  flex:0 0 auto;
}
.ca-dna-surface-form__copilot-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border:1px solid var(--ca-s-violet-200, #ddd6fe);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-violet-700, #6d28d9);
  font-weight:600;
  font-size:12px;
  cursor:pointer;
  white-space:nowrap;
  margin-right:10px;
}
.ca-dna-surface-form__copilot-btn svg{
  flex-shrink:0;
}
.ca-dna-surface-form__copilot-btn:hover{
  background:var(--ca-s-violet-50, #f5f3ff);
  border-color:var(--ca-s-violet-300, #c4b5fd);
  color:var(--ca-t-violet-800, #5b21b6);
}
/* "Launch in…" sits beside the Co-Pilot button and reads as its quieter sibling. */
.ca-dna-surface-form__launch-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-700, #374151);
  font-family:inherit;
  font-weight:600;
  font-size:12px;
  cursor:pointer;
  white-space:nowrap;
  margin-right:10px;
  text-decoration:none;
}
.ca-dna-surface-form__launch-btn svg{
  flex-shrink:0;
}
.ca-dna-surface-form__launch-btn:hover{
  background:var(--ca-s-gray-50, #f9fafb);
  border-color:var(--ca-s-gray-300, #d1d5db);
  color:var(--ca-t-gray-900, #111827);
}
.ca-proj-launch--standalone[data-proj-launch-wrap] .ca-dna-surface-form__launch-btn[aria-expanded="true"]{
  background:var(--ca-s-violet-50, #f5f3ff);
  border-color:var(--ca-s-violet-300, #c4b5fd);
  color:var(--ca-t-violet-800, #5b21b6);
}
.ca-surface-request-copilot__history-loader{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:13px;
}
.ca-surface-request-copilot__spinner{
  width:16px;
  height:16px;
  border:2px solid var(--ca-s-gray-200, #e5e7eb);
  border-top-color:var(--ca-s-emerald-600, #059669);
  border-radius:50%;
  animation:ca-src-spin .7s linear infinite;
}
@keyframes ca-src-spin{
  to{ transform:rotate(360deg); }
}

.ca-dna-surface-form-pending{
  margin-top:16px;
  padding:20px 24px 24px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  background:var(--ca-s-white, #ffffff);
}
.ca-dna-surface-form-pending__header{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.ca-dna-surface-form-pending__title{
  margin:0;
  font-size:18px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-dna-surface-form-pending__chip{
  display:inline-flex;
  padding:2px 8px;
  border-radius:999px;
  background:var(--ca-s-violet-50, #f5f3ff);
  color:var(--ca-t-violet-600, #7c3aed);
  font-size:11px;
  font-weight:600;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.ca-dna-surface-form-pending__label{
  margin:0 0 14px;
  font-size:14px;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-dna-surface-form-pending__track{
  height:8px;
  border-radius:999px;
  background:var(--ca-s-gray-200, #e5e7eb);
  overflow:hidden;
}
.ca-dna-surface-form-pending__bar{
  display:block;
  width:40%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--ca-s-violet-600, #7c3aed) 0%,var(--ca-s-violet-400, #a78bfa) 50%,var(--ca-s-violet-600, #7c3aed) 100%);
  background-size:200% 100%;
  animation:ca-dna-surface-loading-bar 1.2s ease-in-out infinite;
}

.ca-dna-surface-form{
  position:relative;
  margin-top:16px;
}
.ca-dna-surface-form .ca-dna-completion__track{
  display:none;
}
.ca-dna-surface-form__intro{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  flex:1;
}
.ca-dna-surface-form__title{
  margin:0 0 4px;
  font-size:17px;
  font-weight:700;
  color:var(--ca-t-slate-900, #0f172a);
  letter-spacing:-.01em;
  line-height:1.3;
}
.ca-dna-surface-form__row{
  display:flex;
  align-items:baseline;
  gap:12px;
  flex-wrap:wrap;
}
.ca-dna-surface-form__label{
  flex:0 0 118px;
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--ca-t-slate-400, #94a3b8);
}
.ca-dna-surface-form__value{
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-slate-900, #0f172a);
  line-height:1.4;
}
.ca-dna-surface-form__status{
  display:inline-flex;
  align-items:center;
  padding:2px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-slate-500, #64748b);
}
.ca-dna-surface-form__status--draft{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-slate-500, #64748b);
}
.ca-dna-surface-form__status--pending{
  background:var(--ca-s-amber-100, #fef3c7);
  color:var(--ca-t-amber-700, #b45309);
}
.ca-dna-surface-form__status--in-progress{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-700, #1d4ed8);
}
.ca-dna-surface-form__status--completed,
.ca-dna-surface-form__status--published{
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-700, #15803d);
}
.ca-dna-surface-form__status.is-saving{
  background:var(--ca-s-slate-50, #f8fafc);
  color:var(--ca-t-slate-400, #94a3b8);
}
.ca-dna-surface-form__status.is-saved{
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-700, #15803d);
}
.ca-dna-surface-form__summary{
  display:flex;
  align-items:center;
  flex-shrink:0;
  gap:10px;
  padding-top:2px;
}
.ca-dna-surface-form__percent{
  min-width:3.2em;
  text-align:right;
}
.ca-dna-surface-form__completion-meta{
  margin:6px 0 0;
}
.ca-dna-surface-form__brand-thumb{
  margin-top:10px;
}
.ca-dna-surface-form__value--brand-kit.ca-dna-surface-form__value--action{
  display:flex;
  align-items:center;
}
.ca-dna-surface-form__brand-cta{
  display:inline-flex;
  align-items:center;
  margin:0;
  padding:0;
  border:none;
  background:none;
  color:var(--ca-t-violet-600, #7c3aed);
  font:inherit;
  font-size:13px;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:2px;
  cursor:pointer;
}
.ca-dna-surface-form__brand-cta:hover{
  color:var(--ca-t-violet-800, #5b21b6);
}
.ca-dna-brand-kit__preview{
  margin:0 0 16px;
  padding:12px 14px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:12px;
  background:var(--ca-s-slate-50, #f8fafc);
}
.ca-dna-brand-kit__preview .ca-dna-brand-kit__field-label{
  margin:0 0 6px;
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-dna-brand-kit__preview .ca-dna-brand-kit__field-hint{
  margin:0 0 12px;
}
.ca-dna-brand-style-grid{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.ca-dna-brand-style-card{
  position:relative;
  width:min(100%, 200px);
  padding:10px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:12px;
  background:var(--ca-s-white, #ffffff);
  cursor:pointer;
  transition:border-color .15s, box-shadow .15s;
}
.ca-dna-brand-style-card:hover,
.ca-dna-brand-style-card:focus{
  border-color:var(--ca-s-violet-300, #c4b5fd);
  box-shadow:0 0 0 3px rgba(124,58,237,.12);
  outline:none;
}
.ca-dna-brand-style-card.is-primary{
  border-color:var(--ca-s-violet-600, #7c3aed);
  box-shadow:0 0 0 3px rgba(124,58,237,.16);
  cursor:default;
}
.ca-dna-brand-style-card .ca-dna-brand-thumb{
  max-width:none;
  width:100%;
  pointer-events:none;
}
.ca-dna-brand-style-card__badge{
  display:inline-flex;
  align-items:center;
  margin:0 0 8px;
  padding:2px 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--ca-t-violet-700, #6d28d9);
  background:var(--ca-s-violet-100, #ede9fe);
}
.ca-dna-brand-style-card.is-primary .ca-dna-brand-style-card__badge{
  color:var(--ca-t-white, #ffffff);
  background:var(--ca-s-violet-600, #7c3aed);
}
.ca-dna-brand-style-card__label{
  margin:0 0 8px;
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-slate-900, #0f172a);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-dna-brand-style-card__close{
  position:absolute;
  top:6px;
  right:6px;
  width:22px;
  height:22px;
  border:none;
  border-radius:999px;
  background:var(--ca-s-slate-100, #f1f5f9);
  color:var(--ca-t-slate-600, #475569);
  font-size:16px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}
.ca-dna-brand-style-card__close:hover,
.ca-dna-brand-style-card__close:focus{
  background:var(--ca-s-red-100, #fee2e2);
  color:var(--ca-t-red-700, #b91c1c);
  outline:none;
}
.ca-dna-brand-thumb{
  --bt-bg:var(--ca-s-white, #ffffff);
  --bt-surface:var(--ca-s-slate-50, #f8fafc);
  --bt-text:var(--ca-t-slate-900, #0f172a);
  --bt-muted:var(--ca-t-slate-500, #64748b);
  --bt-border:var(--ca-s-slate-200, #e2e8f0);
  --bt-primary:var(--ca-s-violet-600, #7c3aed);
  --bt-secondary:var(--ca-s-blue-600, #2563eb);
  --bt-accent:var(--ca-s-emerald-600, #059669);
  --bt-radius:10px;
  --bt-heading:inherit;
  --bt-body:inherit;
  width:100%;
  max-width:280px;
}
.ca-dna-brand-thumb--compact,
.ca-dna-brand-thumb--header{
  max-width:148px;
}
.ca-dna-brand-thumb__canvas{
  position:relative;
  background:var(--bt-bg);
  color:var(--bt-text);
  border:1px solid var(--bt-border);
  border-radius:12px;
  padding:12px;
  font-family:var(--bt-body);
  box-shadow:0 4px 14px rgba(15,23,42,.08);
  overflow:hidden;
  min-height:112px;
}
.ca-dna-brand-thumb--compact .ca-dna-brand-thumb__canvas,
.ca-dna-brand-thumb--header .ca-dna-brand-thumb__canvas{
  min-height:84px;
  padding:10px;
  border-radius:10px;
}
.ca-dna-brand-thumb__mode{
  position:absolute;
  top:8px;
  right:8px;
  font-size:9px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--bt-muted);
  background:color-mix(in srgb, var(--bt-surface) 88%, transparent);
  border:1px solid var(--bt-border);
  border-radius:999px;
  padding:2px 6px;
}
.ca-dna-brand-thumb__logo{
  margin-bottom:8px;
  min-height:18px;
}
.ca-dna-brand-thumb__logo img{
  display:block;
  max-height:22px;
  max-width:72px;
  object-fit:contain;
}
.ca-dna-brand-thumb__title{
  font-family:var(--bt-heading);
  font-size:13px;
  font-weight:700;
  color:var(--bt-text);
  margin:0 0 4px;
  line-height:1.2;
}
.ca-dna-brand-thumb__font{
  font-family:var(--bt-heading);
  font-size:11px;
  font-weight:500;
  color:var(--bt-muted);
  margin:0 0 8px;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-dna-brand-thumb__font[hidden]{
  display:none !important;
}
.ca-dna-brand-thumb--compact .ca-dna-brand-thumb__title,
.ca-dna-brand-thumb--header .ca-dna-brand-thumb__title{
  font-size:11px;
}
.ca-dna-brand-thumb--compact .ca-dna-brand-thumb__font,
.ca-dna-brand-thumb--header .ca-dna-brand-thumb__font{
  font-size:9px;
  margin-bottom:6px;
}
.ca-dna-brand-thumb__line{
  height:4px;
  width:62%;
  border-radius:999px;
  background:var(--bt-muted);
  opacity:.45;
  margin-bottom:10px;
}
.ca-dna-brand-thumb__row{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:10px;
}
.ca-dna-brand-thumb__btn{
  display:inline-block;
  width:42px;
  height:18px;
  border-radius:var(--bt-radius);
  background:var(--bt-primary);
}
.ca-dna-brand-thumb__surface{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:18px;
  padding:0 6px;
  border-radius:calc(var(--bt-radius) * .8);
  background:var(--bt-surface);
  border:1px solid var(--bt-border);
  color:var(--bt-muted);
  font-size:9px;
  font-weight:600;
}
.ca-dna-brand-thumb__swatches{
  display:flex;
  gap:4px;
}
.ca-dna-brand-thumb__swatches span{
  width:14px;
  height:14px;
  border-radius:4px;
  border:1px solid color-mix(in srgb, var(--bt-border) 80%, var(--ca-s-black, #000000) 20%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.ca-dna-brand-thumb--compact .ca-dna-brand-thumb__swatches span,
.ca-dna-brand-thumb--header .ca-dna-brand-thumb__swatches span{
  width:11px;
  height:11px;
}
.ca-dna-surface-form__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  width:100%;
  box-sizing:border-box;
  padding:16px 20px;
  cursor:pointer;
  background:none;
  border:none;
  text-align:left;
  border-bottom:1px solid var(--ca-s-slate-100, #f1f5f9);
}
.ca-dna-surface-form.is-open .ca-dna-surface-form__header{
  border-bottom-color:var(--ca-s-xe8ebf0, #e8ebf0);
}
.ca-dna-surface-form .ca-dna-completion__details{
  padding:16px 20px 20px;
}
.ca-dna-surface-form--pending .ca-dna-surface-form__value{
  color:var(--ca-t-slate-500, #64748b);
}
.ca-dna-surface-form__remove{
  position:absolute;
  top:16px;
  right:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:999px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-slate-400, #94a3b8);
  cursor:pointer;
  font-size:18px;
  line-height:1;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
  z-index:2;
}
.ca-dna-surface-form__remove:hover{
  background:var(--ca-s-red-50, #fef2f2);
  border-color:var(--ca-s-red-200, #fecaca);
  color:var(--ca-t-red-500, #ef4444);
}
.ca-dna-surface-form__fields{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  padding-top:6px;
}
@media (min-width:760px){
  .ca-dna-surface-form__fields{ grid-template-columns:1fr 1fr; }
  .ca-dna-surface-form__field--full{ grid-column:1 / -1; }
}
.ca-dna-surface-form__field--half{ grid-column:auto; }
.ca-dna-surface-form .ca-dna-field{
  padding:12px 14px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  box-sizing:border-box;
}
.ca-dna-surface-form .ca-dna-field.is-field-empty{
  border-color:var(--ca-s-orange-100, #ffedd5);
  background:var(--ca-s-xfffaf5, #fffaf5);
}
.ca-dna-surface-form .ca-dna-field.is-field-empty .ca-dna-field__input,
.ca-dna-surface-form .ca-dna-field.is-field-empty .ca-dna-field__textarea,
.ca-dna-surface-form .ca-dna-field.is-field-empty .ca-dna-field__select{
  border-color:var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-white, #ffffff);
}
.ca-dna-surface-form .ca-dna-field__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:6px;
}
.ca-dna-surface-form .ca-dna-field__label .ca-required{
  color:var(--ca-t-red-500, #ef4444);
  margin-left:2px;
}
.ca-dna-field__ai{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:11px;
  font-weight:600;
  color:var(--ca-t-violet-600, #7c3aed);
  background:var(--ca-s-purple-100, #f3e8ff);
  border:1px solid var(--ca-s-purple-200, #e9d5ff);
  border-radius:999px;
  padding:3px 9px;
  cursor:pointer;
  transition:background .15s ease;
}
.ca-dna-field__ai:hover{ background:var(--ca-s-xede0ff, #ede0ff); }
.ca-dna-field__ai:disabled{ opacity:.55; cursor:default; }
.ca-dna-field__helper{
  font-size:12px;
  color:var(--ca-t-slate-400, #94a3b8);
  margin:5px 0 0;
}
.ca-dna-surface-form__actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:18px;
  flex-wrap:wrap;
}

/* "Create now" bar: pick who builds the Surface, then submit the draft. */
.ca-dna-surface-create{
  margin-top:22px;
  padding:16px 18px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:12px;
  background:var(--ca-s-slate-50, #f8fafc);
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.ca-dna-surface-create.is-created{
  border-color:var(--ca-s-green-200, #bbf7d0);
  background:var(--ca-s-green-50, #f0fdf4);
}
.ca-dna-surface-create__title{
  margin:0 0 12px;
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-dna-surface-create__row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.ca-dna-surface-create__label{
  font-size:13px;
  font-weight:500;
  color:var(--ca-t-slate-600, #475569);
}
.ca-dna-surface-create__select{
  flex:1 1 260px;
  min-width:220px;
  padding:9px 12px;
  border:1px solid var(--ca-s-slate-300, #cbd5e1);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  font-family:inherit;
  font-size:13px;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-dna-surface-create__select:disabled{
  background:var(--ca-s-slate-100, #f1f5f9);
  color:var(--ca-t-slate-500, #64748b);
}
.ca-dna-surface-create__needed{
  margin-top:12px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.ca-dna-surface-create__needed[hidden]{
  display:none;
}
.ca-dna-surface-create__date{
  max-width:240px;
  padding:9px 12px;
  border:1px solid var(--ca-s-slate-300, #cbd5e1);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  font-family:inherit;
  font-size:13px;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-dna-surface-create__btn{
  font-family:inherit;
  white-space:nowrap;
}
.ca-dna-surface-create__btn[hidden]{
  display:none !important;
}
/* After DIY Create now: Launch in… takes the button’s place in the create row. */
.ca-dna-surface-create__launch{
  position:relative;
  flex:0 0 auto;
}
.ca-dna-surface-create__launch .ca-dna-surface-form__launch-btn{
  white-space:nowrap;
}
/* Post-create Brand Kit nudge (Apply Theme Style) under Launch in… */
.ca-dna-surface-create__brand{
  margin-top:14px;
  padding:12px 14px;
  border:1px dashed var(--ca-s-slate-300, #cbd5e1);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
}
.ca-dna-surface-create__brand-head{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:6px;
}
.ca-dna-surface-create__brand-label{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-dna-surface-create__brand-note{
  margin:0 0 10px;
  font-size:12.5px;
  line-height:1.45;
  color:var(--ca-t-slate-600, #475569);
}
.ca-dna-surface-create__brand-btn{
  font-family:inherit;
  white-space:nowrap;
}
.ca-dna-field__url-row{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.ca-dna-field__url-row .ca-dna-field__input{
  flex:1 1 220px;
}
.ca-dna-field__read-site{
  font-family:inherit;
  white-space:nowrap;
}
.ca-dna-surface-create__hint{
  margin:10px 0 0;
  font-size:12px;
  line-height:1.5;
  color:var(--ca-t-slate-500, #64748b);
}
.ca-dna-surface-create__hint:empty{
  display:none;
}
.ca-dna-surface-create__status{
  margin:10px 0 0;
  font-size:12.5px;
  line-height:1.5;
  color:var(--ca-t-slate-600, #475569);
}
.ca-dna-surface-create__status--success{
  color:var(--ca-t-green-700, #15803d);
  font-weight:500;
}
.ca-dna-surface-create__status--error{
  color:var(--ca-t-red-700, #b91c1c);
  font-weight:500;
}
.ca-dna-surface-create__status[hidden]{
  display:none;
}
/* Flash a field the Create now check stopped on. */
.ca-dna-surface-form .is-field-attention{
  animation:caFieldAttention 2.4s ease-out;
  border-radius:10px;
}
@keyframes caFieldAttention{
  0%, 60%{ box-shadow:0 0 0 3px rgba(37, 99, 235, .28); }
  100%{ box-shadow:0 0 0 0 rgba(37, 99, 235, 0); }
}
.ca-dna-surface-form__loading{
  padding:28px 20px;
  text-align:center;
  color:var(--ca-t-slate-400, #94a3b8);
  font-size:13px;
}

/* ── Surface Feedback Agent — full-screen 75/25 split ── */
.ca-surface-feedback-screen{
  position:fixed;
  inset:0;
  z-index:10060;
  background:var(--ca-s-white, #ffffff);
  box-sizing:border-box;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-surface-feedback-screen *,
.ca-surface-feedback-screen *::before,
.ca-surface-feedback-screen *::after{
  box-sizing:border-box;
  font-family:inherit;
}
.ca-surface-feedback-screen[hidden]{
  display:none !important;
}
body.ca-surface-feedback-open{
  overflow:hidden;
}
.ca-surface-feedback-screen__layout{
  display:flex;
  width:100%;
  height:100%;
  min-height:100vh;
  min-height:100dvh;
}
.ca-surface-feedback-screen__preview{
  flex:0 0 75%;
  max-width:75%;
  display:flex;
  flex-direction:column;
  min-width:0;
  border-right:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-slate-50, #f8fafc);
}
.ca-surface-feedback-screen__preview-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
  background:var(--ca-s-white, #ffffff);
  flex:0 0 auto;
}
.ca-surface-feedback-screen__back{
  flex:0 0 auto;
  white-space:nowrap;
}
.ca-surface-feedback-screen__preview-title-wrap{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  min-width:0;
  flex:1;
}
.ca-surface-feedback-screen__preview-title{
  margin:0;
  font-size:15px;
  font-weight:600;
  color:var(--ca-t-gray-900, #111827);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ca-surface-feedback-screen__open-tab{
  font-size:13px;
  color:var(--ca-t-indigo-500, #6366f1);
  text-decoration:none;
  white-space:nowrap;
}
.ca-surface-feedback-screen__open-tab:hover{
  text-decoration:underline;
}
.ca-surface-feedback-screen__loom-btn{
  flex:0 0 auto;
  text-decoration:none;
  white-space:nowrap;
}
.ca-surface-feedback-screen__close{
  border:none;
  background:transparent;
  font-size:24px;
  line-height:1;
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  padding:4px 8px;
  border-radius:6px;
}
.ca-surface-feedback-screen__close:hover{
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-900, #111827);
}
.ca-surface-feedback-screen__preview-body{
  flex:1 1 auto;
  min-height:0;
  position:relative;
}
.ca-surface-feedback-screen__iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:none;
  background:var(--ca-s-white, #ffffff);
}
.ca-surface-feedback-screen__preview-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  padding:24px;
  text-align:center;
  color:var(--ca-t-gray-500, #6b7280);
  font-size:14px;
}
.ca-surface-feedback-screen__chat{
  flex:0 0 25%;
  max-width:25%;
  min-width:280px;
  display:flex;
  flex-direction:column;
  min-height:0;
  background:var(--ca-s-white, #ffffff);
}
.ca-surface-feedback-copilot{
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:0;
}
.ca-surface-feedback-copilot__header{
  flex:0 0 auto;
  padding:14px 16px;
  border-bottom:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-surface-feedback-copilot__header-main{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.ca-surface-feedback-copilot__icon{
  flex:0 0 auto;
  width:32px;
  height:32px;
  border-radius:50%;
  overflow:hidden;
}
.ca-surface-feedback-copilot__icon img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.ca-surface-feedback-copilot__title{
  margin:0;
  font-size:15px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
}
.ca-surface-feedback-copilot__subtitle{
  margin:4px 0 0;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.4;
}
.ca-surface-feedback-copilot__subtitle[hidden]{
  display:none !important;
}
.ca-surface-feedback-copilot__join-pill{
  display:inline-block;
  margin:6px 0 0;
  padding:5px 12px;
  border-radius:999px;
  background:var(--ca-s-indigo-50, #eef2ff);
  color:var(--ca-t-indigo-700, #4338ca);
  font-size:11px;
  font-weight:600;
  line-height:1.4;
}
.ca-surface-feedback-copilot__join-pill[hidden]{
  display:none !important;
}
.ca-surface-feedback-copilot__messages{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  padding:14px 16px;
  background:var(--ca-s-gray-50, #f9fafb);
}
.ca-surface-feedback-copilot__empty{
  color:var(--ca-t-gray-400, #9ca3af);
  font-size:13px;
  text-align:center;
  margin:32px 0;
}
.ca-surface-feedback-copilot__turn{
  margin-bottom:14px;
}
.ca-surface-feedback-copilot__turn--user{
  text-align:right;
}
.ca-surface-feedback-copilot__meta{
  font-size:10px;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--ca-t-gray-400, #9ca3af);
  margin-bottom:4px;
}
.ca-surface-feedback-copilot__meta--user{
  text-align:right;
}
.ca-surface-feedback-copilot__agent-header{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:4px;
}
.ca-surface-feedback-copilot__avatar{
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-800, #5b21b6);
  font-size:11px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.ca-surface-feedback-copilot__body{
  display:inline-block;
  max-width:100%;
  padding:10px 14px;
  border-radius:12px;
  font-size:14px;
  line-height:1.45;
  text-align:left;
  word-break:break-word;
}
.ca-surface-feedback-copilot__turn--user .ca-surface-feedback-copilot__body{
  background:var(--ca-s-indigo-500, #6366f1);
  color:var(--ca-t-white, #ffffff);
}
.ca-surface-feedback-copilot__turn--agent .ca-surface-feedback-copilot__body{
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-800, #1f2937);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-surface-feedback-copilot__body--loading{
  color:var(--ca-t-gray-500, #6b7280);
  font-style:italic;
}
.ca-surface-feedback-copilot__body--md p{
  margin:0 0 8px;
}
.ca-surface-feedback-copilot__body--md p:last-child{
  margin-bottom:0;
}
.ca-surface-feedback-copilot__turn--system{
  text-align:center;
  margin:16px 0;
}
.ca-surface-feedback-copilot__system-pill{
  display:inline-block;
  max-width:90%;
  padding:6px 14px;
  border-radius:999px;
  background:var(--ca-s-gray-100, #f3f4f6);
  color:var(--ca-t-gray-500, #6b7280);
  font-size:12px;
  font-weight:500;
  line-height:1.45;
}
.ca-surface-feedback-copilot__system-meta{
  margin-top:4px;
  font-size:10px;
  color:var(--ca-t-gray-400, #9ca3af);
}
.ca-surface-feedback-copilot__composer{
  flex:0 0 auto;
  padding:12px 16px 16px;
  border-top:1px solid var(--ca-s-gray-200, #e5e7eb);
  display:flex;
  flex-direction:column;
  gap:6px;
}
.ca-surface-feedback-copilot__composer-row{
  display:flex;
  flex-direction:row;
  align-items:flex-end;
  gap:8px;
}
.ca-surface-feedback-copilot__attach{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  padding:0;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-gray-500, #6b7280);
  cursor:pointer;
  transition:color .15s,border-color .15s,background .15s;
}
.ca-surface-feedback-copilot__attach:hover:not(:disabled){
  color:var(--ca-t-indigo-600, #4f46e5);
  border-color:var(--ca-s-indigo-300, #a5b4fc);
  background:var(--ca-s-violet-50, #f5f3ff);
}
.ca-surface-feedback-copilot__attach:disabled{
  opacity:.5;
  cursor:not-allowed;
}
.ca-surface-feedback-copilot__file-input{
  display:none;
}
.ca-surface-feedback-copilot__upload-status{
  margin:0;
  font-size:12px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.4;
}
.ca-surface-feedback-copilot__upload-status.is-error{
  color:var(--ca-t-red-600, #dc2626);
}
.ca-surface-feedback-copilot__input{
  flex:1;
  min-width:0;
  width:0;
  border:1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius:8px;
  padding:10px 12px;
  font-size:14px;
  font-family:inherit;
  resize:none;
  box-sizing:border-box;
}
.ca-surface-feedback-copilot__send{
  flex-shrink:0;
  font-family:inherit;
}
.ca-surface-feedback-copilot__attachments{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}
.ca-surface-feedback-copilot__attachment-link{
  display:inline-block;
  max-width:100%;
  padding:4px 10px;
  border-radius:999px;
  background:var(--ca-s-indigo-50, #eef2ff);
  color:var(--ca-t-indigo-600, #4f46e5);
  font-size:12px;
  font-weight:500;
  text-decoration:none;
  word-break:break-all;
}
.ca-surface-feedback-copilot__attachment-link:hover{
  background:var(--ca-s-indigo-100, #e0e7ff);
  text-decoration:underline;
}
@media (max-width:900px){
  .ca-surface-feedback-screen__layout{
    flex-direction:column;
  }
  .ca-surface-feedback-screen__preview,
  .ca-surface-feedback-screen__chat{
    flex:1 1 auto;
    max-width:100%;
  }
  .ca-surface-feedback-screen__preview{
    max-height:55vh;
  }
}

/* ── Brand Studio ── */
.ca-bs{
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  min-width:0;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
.ca-bs *,
.ca-bs *::before,
.ca-bs *::after{
  box-sizing:border-box;
}
.ca-bs__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}
.ca-bs__title{
  margin:0 0 6px;
  font-size:22px;
  font-weight:700;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-bs__desc{
  margin:0;
  color:var(--ca-t-slate-500, #64748b);
  font-size:14px;
  max-width:640px;
  line-height:1.5;
}
.ca-bs__header-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  flex-shrink:0;
  justify-content:flex-end;
}
.ca-bs-subtabs{
  display:flex;
  gap:4px;
  border-bottom:1px solid var(--ca-s-slate-200, #e2e8f0);
  margin-bottom:20px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.ca-bs-subtabs::-webkit-scrollbar{
  display:none;
}
.ca-bs-subtabs__btn{
  background:none;
  border:none;
  border-bottom:2px solid transparent;
  padding:10px 14px;
  font-size:14px;
  font-weight:500;
  color:var(--ca-t-slate-500, #64748b);
  cursor:pointer;
  flex-shrink:0;
  white-space:nowrap;
  font-family:inherit;
}
.ca-bs-subtabs__btn.is-active{
  color:var(--ca-t-violet-600, #7c3aed);
  border-bottom-color:var(--ca-s-violet-600, #7c3aed);
}
.ca-bs-pane[hidden]{
  display:none !important;
}
.ca-bs-builder-bar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin-bottom:20px;
  padding:14px 16px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:12px;
}
.ca-bs-builder-bar__name{
  flex:1 1 220px;
  min-width:0;
  max-width:100%;
  padding:8px 12px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  font-family:inherit;
  font-size:14px;
}
.ca-bs-builder-bar__level{
  flex:0 0 auto;
  padding:8px 12px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  font-family:inherit;
  font-size:14px;
  background:var(--ca-s-white, #ffffff);
}
.ca-bs-builder-bar .ca-btn{
  flex-shrink:0;
}
.ca-bs-builder{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,320px);
  gap:24px;
  align-items:start;
}
.ca-bs-builder__editor{
  min-width:0;
}
.ca-bs-builder__preview-wrap{
  position:sticky;
  top:16px;
  min-width:0;
}
.ca-bs-section{
  margin-bottom:24px;
  padding:18px 20px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:12px;
}
.ca-bs-section__title{
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ca-t-slate-500, #64748b);
  margin:0 0 12px;
}
.ca-bs-logo-editor{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ca-bs-logo-editor__preview{
  width:80px;
  height:80px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:10px;
  background:var(--ca-s-slate-50, #f8fafc);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:8px;
}
.ca-bs-logo-editor__preview img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.ca-bs-logo-editor__preview.is-empty{
  color:var(--ca-t-slate-400, #94a3b8);
  font-size:13px;
  text-align:center;
  line-height:1.35;
  padding:12px;
}
.ca-bs-logo-editor__label{
  margin:0;
  font-size:13px;
  color:var(--ca-t-slate-500, #64748b);
  word-break:break-all;
}
.ca-bs-logo-editor__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.ca-bs-logo-editor__gallery-title{
  margin:4px 0 0;
  font-size:12px;
  font-weight:600;
  color:var(--ca-t-slate-500, #64748b);
}
.ca-bs-logo-editor__gallery-hint{
  margin:0;
  font-size:12px;
  color:var(--ca-t-slate-400, #94a3b8);
  line-height:1.45;
}
.ca-bs-logo-editor__gallery-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:6px;
}
.ca-bs-logo-editor__thumb{
  position:relative;
  width:56px;
  height:56px;
  padding:4px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  cursor:pointer;
}
.ca-bs-logo-editor__thumb:hover{
  border-color:var(--ca-s-violet-300, #c4b5fd);
}
.ca-bs-logo-editor__thumb.is-primary{
  border-color:var(--ca-s-violet-600, #7c3aed);
  box-shadow:0 0 0 1px var(--ca-s-violet-600, #7c3aed);
}
.ca-bs-logo-editor__thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.ca-bs-logo-editor__thumb-badge{
  position:absolute;
  bottom:-4px;
  left:50%;
  transform:translateX(-50%);
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
  color:var(--ca-t-violet-700, #6d28d9);
  background:var(--ca-s-purple-100, #f3e8ff);
  padding:1px 5px;
  border-radius:999px;
  white-space:nowrap;
}
.ca-bs-section--fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 16px;
}
.ca-bs-section--fields .ca-bs-section__title,
.ca-bs-section--fields .ca-bs-field--full{
  grid-column:1 / -1;
}
.ca-bs-colors{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.ca-bs-color-chip{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  cursor:pointer;
  text-align:left;
  font-family:inherit;
  min-width:0;
  width:100%;
}
.ca-bs-color-chip:hover{
  border-color:var(--ca-s-violet-300, #c4b5fd);
  background:var(--ca-s-purple-50, #faf5ff);
}
.ca-bs-color-chip__swatch{
  width:28px;
  height:28px;
  border-radius:6px;
  border:1px solid rgba(0,0,0,.08);
  flex-shrink:0;
}
.ca-bs-color-chip__label{
  font-size:13px;
  font-weight:600;
  display:block;
}
.ca-bs-color-chip__hex{
  font-size:11px;
  color:var(--ca-t-slate-500, #64748b);
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-bs-field{
  display:block;
  margin-bottom:0;
  min-width:0;
}
.ca-bs-section:not(.ca-bs-section--fields) .ca-bs-field{
  margin-bottom:12px;
}
.ca-bs-section:not(.ca-bs-section--fields) .ca-bs-field:last-child{
  margin-bottom:0;
}
.ca-bs-field span{
  display:block;
  font-size:13px;
  font-weight:500;
  margin-bottom:4px;
  color:var(--ca-t-slate-700, #334155);
}
.ca-bs-field input,
.ca-bs-guide{
  width:100%;
  max-width:100%;
  padding:8px 12px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  font-size:14px;
  font-family:inherit;
}
.ca-bs-guide{
  resize:vertical;
  min-height:120px;
}
.ca-bs-preview{
  background:var(--bs-preview-bg,var(--ca-s-white, #ffffff));
  color:var(--bs-preview-text,var(--ca-t-slate-900, #0f172a));
  border:1px solid var(--bs-preview-border,var(--ca-s-slate-200, #e2e8f0));
  border-radius:12px;
  padding:24px;
  font-family:var(--bs-preview-body-font,inherit);
  box-shadow:0 4px 16px rgba(15,23,42,.06);
}
.ca-bs-preview__headline{
  font-family:var(--bs-preview-heading-font,inherit);
  margin:0 0 8px;
  color:var(--bs-preview-text);
}
.ca-bs-preview__body{
  color:var(--bs-preview-muted);
  margin:0 0 16px;
  font-size:14px;
}
.ca-bs-preview__logo img{
  max-height:40px;
  margin-bottom:12px;
}
.ca-bs-preview__swatches{
  display:flex;
  gap:6px;
  margin-bottom:16px;
}
.ca-bs-preview__mini-swatch{
  width:24px;
  height:24px;
  border-radius:4px;
  border:1px solid rgba(0,0,0,.08);
}
.ca-bs-preview__btn{
  background:var(--bs-preview-primary,var(--ca-s-violet-600, #7c3aed));
  color:var(--ca-t-white, #ffffff);
  border:none;
  border-radius:var(--bs-preview-radius,10px);
  padding:10px 18px;
  font-weight:600;
  cursor:default;
  margin-bottom:12px;
  font-family:inherit;
}
.ca-bs-preview__surface{
  background:var(--bs-preview-surface,var(--ca-s-slate-50, #f8fafc));
  border:1px solid var(--bs-preview-border);
  border-radius:var(--bs-preview-radius,10px);
  padding:12px;
  font-size:13px;
}
.ca-bs-color-popover{
  position:fixed;
  z-index:10060;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:10px;
  padding:12px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  gap:8px;
  align-items:center;
}
.ca-bs-color-popover[hidden]{
  display:none !important;
}
.ca-bs-color-popover:not([hidden]){
  display:flex;
}
.ca-bs-color-popover input[type="color"]{
  width:40px;
  height:36px;
  padding:0;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:6px;
  cursor:pointer;
}
.ca-bs-color-popover input[type="text"]{
  width:96px;
  padding:8px 10px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:13px;
}
.ca-bs-upload{
  border:2px dashed var(--ca-s-slate-300, #cbd5e1);
  border-radius:12px;
  padding:32px 20px;
  text-align:center;
  color:var(--ca-t-slate-500, #64748b);
  cursor:pointer;
  margin-bottom:20px;
  background:var(--ca-s-white, #ffffff);
}
.ca-bs-upload.is-dragover{
  border-color:var(--ca-s-violet-600, #7c3aed);
  background:var(--ca-s-purple-50, #faf5ff);
}
.ca-bs-snippet-form{
  margin-bottom:20px;
  padding:16px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:12px;
}
.ca-bs-snippet-form h3{
  margin:0 0 12px;
  font-size:15px;
  font-weight:600;
}
.ca-bs-snippet-form input,
.ca-bs-snippet-form textarea{
  width:100%;
  margin-bottom:8px;
  padding:8px 12px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  font-family:inherit;
  font-size:14px;
}
.ca-bs-snippets-list{
  margin-bottom:20px;
}
.ca-bs-snippet{
  padding:12px 14px;
  background:var(--ca-s-slate-50, #f8fafc);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:10px;
  margin-bottom:8px;
}
.ca-bs-snippet strong{
  display:block;
  margin-bottom:4px;
}
.ca-bs-snippet p{
  margin:0;
  color:var(--ca-t-slate-500, #64748b);
  font-size:14px;
}
.ca-bs-kits-list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));
  gap:16px;
}
.ca-bs-kit-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
  padding:16px 18px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:12px;
  background:var(--ca-s-white, #ffffff);
  cursor:pointer;
  text-align:left;
  font-family:inherit;
  width:100%;
  box-shadow:0 1px 3px rgba(15,23,42,.04);
  transition:border-color .15s, box-shadow .15s;
}
.ca-bs-kit-card:hover{
  border-color:var(--ca-s-violet-300, #c4b5fd);
  box-shadow:0 4px 14px rgba(124,58,237,.08);
}
.ca-bs-kit-card.is-active{
  border-color:var(--ca-s-violet-600, #7c3aed);
  box-shadow:0 0 0 1px var(--ca-s-violet-600, #7c3aed), 0 4px 14px rgba(124,58,237,.1);
}
.ca-bs-kit-card__top{
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.ca-bs-kit-card__logo{
  flex-shrink:0;
  width:44px;
  height:44px;
  border-radius:10px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  background:var(--ca-s-slate-50, #f8fafc);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.ca-bs-kit-card__logo img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.ca-bs-kit-card__logo--empty{
  color:var(--ca-t-slate-400, #94a3b8);
}
.ca-bs-kit-card__head{
  flex:1;
  min-width:0;
}
.ca-bs-kit-card__name{
  display:block;
  font-weight:600;
  font-size:15px;
  color:var(--ca-t-slate-900, #0f172a);
  margin:0 0 6px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-bs-kit-card__badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.ca-bs-kit-card__badge{
  font-size:10px;
  font-weight:700;
  padding:3px 8px;
  border-radius:999px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.ca-bs-kit-card__badge--corporate{
  background:var(--ca-s-purple-100, #f3e8ff);
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-bs-kit-card__badge--project{
  background:var(--ca-s-blue-100, #dbeafe);
  color:var(--ca-t-blue-700, #1d4ed8);
}
.ca-bs-kit-card__badge--surface{
  background:var(--ca-s-green-100, #dcfce7);
  color:var(--ca-t-green-700, #15803d);
}
.ca-bs-kit-card__badge--draft{
  background:var(--ca-s-amber-100, #fef3c7);
  color:var(--ca-t-amber-700, #b45309);
}
.ca-bs-kit-card__badge--archived{
  background:var(--ca-s-slate-100, #f1f5f9);
  color:var(--ca-t-slate-500, #64748b);
}
.ca-bs-kit-card__palette{
  display:flex;
  gap:6px;
  align-items:center;
}
.ca-bs-kit-card__swatch{
  width:28px;
  height:28px;
  border-radius:8px;
  border:1px solid rgba(15,23,42,.08);
  flex-shrink:0;
}
.ca-bs-kit-card__font{
  margin:0;
  font-size:12px;
  color:var(--ca-t-slate-500, #64748b);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-bs-kit-card__meta{
  margin:0;
  font-size:11px;
  color:var(--ca-t-slate-400, #94a3b8);
}
.ca-bs-kit-detail{
  margin-top:24px;
  padding:20px 22px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:12px;
  background:var(--ca-s-white, #ffffff);
  box-shadow:0 1px 3px rgba(15,23,42,.04);
}
.ca-bs-kit-detail__loading{
  margin:0;
  color:var(--ca-t-slate-500, #64748b);
  font-size:14px;
}
.ca-bs-kit-detail__header{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
  padding-bottom:16px;
  border-bottom:1px solid var(--ca-s-slate-100, #f1f5f9);
}
.ca-bs-kit-detail__summary{
  display:flex;
  align-items:flex-start;
  gap:16px;
  min-width:0;
}
.ca-bs-kit-detail__logo-wrap{
  flex-shrink:0;
  width:56px;
  height:56px;
  border-radius:10px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  background:var(--ca-s-slate-50, #f8fafc);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.ca-bs-kit-detail__logo{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.ca-bs-kit-detail__info{
  min-width:0;
}
.ca-bs-kit-detail__title{
  margin:0 0 8px;
  font-size:18px;
  font-weight:600;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-bs-kit-detail__swatches{
  display:flex;
  gap:6px;
  margin:10px 0 6px;
}
.ca-bs-kit-detail__swatch{
  width:24px;
  height:24px;
  border-radius:6px;
  border:1px solid rgba(15,23,42,.08);
}
.ca-bs-kit-detail__font{
  margin:0;
  font-size:13px;
  color:var(--ca-t-slate-500, #64748b);
}
.ca-bs-kit-detail__actions{
  flex-shrink:0;
}
.ca-bs-kit-detail__sections{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}
.ca-bs-kit-detail__section-title{
  margin:0 0 12px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--ca-t-slate-500, #64748b);
}
.ca-bs-kit-detail__surface-list{
  margin:0;
  padding:0;
  list-style:none;
}
.ca-bs-kit-detail__surface-item{
  padding:8px 12px;
  margin-bottom:6px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  font-size:14px;
  color:var(--ca-t-slate-700, #334155);
  background:var(--ca-s-slate-50, #f8fafc);
}
.ca-bs-kit-detail__empty{
  margin:0;
  font-size:14px;
  color:var(--ca-t-slate-400, #94a3b8);
  line-height:1.5;
}
.ca-bs-kit-detail__assets-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));
  gap:12px;
}
.ca-bs-kit-detail__asset{
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:10px;
  overflow:hidden;
  background:var(--ca-s-white, #ffffff);
}
.ca-bs-kit-detail__asset-image{
  aspect-ratio:1;
  background:var(--ca-s-slate-50, #f8fafc);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
}
.ca-bs-kit-detail__asset-image img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.ca-bs-kit-detail__asset-body{
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.ca-bs-kit-detail__asset-name{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-slate-900, #0f172a);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-bs-kit-detail__asset--primary{
  border-color:var(--ca-s-violet-300, #c4b5fd);
  box-shadow:0 0 0 1px rgba(124,58,237,.12);
}
.ca-bs-kit-detail__asset-badge{
  display:inline-block;
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--ca-t-violet-700, #6d28d9);
  background:var(--ca-s-purple-100, #f3e8ff);
  padding:2px 8px;
  border-radius:999px;
  margin-bottom:4px;
}
@media (max-width:768px){
  .ca-bs-kit-detail__sections{
    grid-template-columns:1fr;
  }
  .ca-bs-kit-detail__header{
    flex-direction:column;
  }
}
.ca-bs-templates-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));
  gap:16px;
}
.ca-bs-template-card{
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:12px;
  padding:16px;
  text-align:center;
  background:var(--ca-s-white, #ffffff);
}
.ca-bs-template-card h4{
  margin:0 0 12px;
  font-size:14px;
  font-weight:600;
}
.ca-bs-template-card__swatch{
  height:56px;
  border-radius:8px;
  margin-bottom:10px;
}
.ca-bs-import{
  max-width:760px;
}
.ca-bs-import__row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:8px;
}
.ca-bs-import__url{
  flex:1 1 220px;
  min-width:0;
  padding:10px 14px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  font-family:inherit;
  font-size:14px;
}
.ca-bs-import__hint{
  margin:0 0 16px;
  color:var(--ca-t-slate-500, #64748b);
  font-size:14px;
  line-height:1.5;
}
.ca-bs-import__status{
  margin:0 0 12px;
  font-size:14px;
  color:var(--ca-t-slate-500, #64748b);
}
.ca-bs-import__status.is-error{
  color:var(--ca-t-red-600, #dc2626);
}
.ca-bs-import__status.is-success{
  color:var(--ca-t-emerald-600, #059669);
}
.ca-bs-import__screenshot{
  margin:0 0 8px;
}
.ca-bs-import__screenshot-frame{
  display:block;
  margin:0 0 10px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:12px;
  overflow:hidden;
  background:var(--ca-s-slate-900, #0f172a);
  max-width:640px;
}
.ca-bs-import__screenshot-frame img{
  display:block;
  width:100%;
  height:auto;
  max-height:320px;
  object-fit:cover;
  object-position:top center;
}
.ca-bs-import__screenshot-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-bottom:8px;
}
.ca-bs-import__screenshot-open{
  font-size:13px;
  font-weight:600;
  color:var(--ca-t-violet-700, #6d28d9);
  text-decoration:none;
}
.ca-bs-import__screenshot-open:hover{
  text-decoration:underline;
}
.ca-bs-import__heading{
  margin:20px 0 8px;
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--ca-t-slate-500, #64748b);
}
.ca-bs-import__palette{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 4px;
}
.ca-bs-import__subhint{
  margin:-4px 0 10px;
  font-size:13px;
  color:var(--ca-t-slate-400, #94a3b8);
  line-height:1.45;
}
.ca-bs-import__empty{
  margin:0;
  font-size:14px;
  color:var(--ca-t-slate-400, #94a3b8);
}
.ca-bs-import-swatch{
  position:relative;
  width:44px;
  height:44px;
  border-radius:8px;
  border:1px solid rgba(0,0,0,.12);
  cursor:grab;
  flex-shrink:0;
}
.ca-bs-import-swatch:active{
  cursor:grabbing;
}
.ca-bs-import-swatch.is-dragging{
  opacity:.45;
}
.ca-bs-import-swatch.is-drag-over{
  box-shadow:0 0 0 2px var(--ca-s-violet-600, #7c3aed);
}
.ca-bs-import-swatch__grip{
  position:absolute;
  bottom:2px;
  left:50%;
  transform:translateX(-50%);
  font-size:8px;
  line-height:1;
  color:var(--ca-s-white-a85, rgba(255,255,255,.85));
  text-shadow:0 0 2px rgba(0,0,0,.5);
  pointer-events:none;
  letter-spacing:-1px;
}
.ca-bs-import-swatch__remove{
  position:absolute;
  top:-6px;
  right:-6px;
  width:18px;
  height:18px;
  border:none;
  border-radius:999px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  color:var(--ca-t-slate-500, #64748b);
  font-size:14px;
  line-height:1;
  cursor:pointer;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 1px 3px rgba(15,23,42,.12);
}
.ca-bs-import-swatch__remove:hover{
  color:var(--ca-t-red-600, #dc2626);
  border-color:var(--ca-s-red-200, #fecaca);
}
.ca-bs-palette-swatch{
  width:36px;
  height:36px;
  border-radius:8px;
  border:1px solid rgba(0,0,0,.1);
  cursor:default;
}
.ca-bs-import__fonts{
  background:var(--ca-s-slate-50, #f8fafc);
  padding:12px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  font-size:12px;
  white-space:pre-wrap;
  max-height:120px;
  overflow:auto;
  margin:0;
}
.ca-bs-import__logos{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 4px;
}
.ca-bs-import-logo{
  position:relative;
  flex-shrink:0;
}
.ca-bs-import-logo__remove{
  position:absolute;
  top:-6px;
  right:-6px;
  z-index:2;
  width:18px;
  height:18px;
  border:none;
  border-radius:999px;
  background:var(--ca-s-white, #ffffff);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  color:var(--ca-t-slate-500, #64748b);
  font-size:14px;
  line-height:1;
  cursor:pointer;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 1px 3px rgba(15,23,42,.12);
}
.ca-bs-import-logo__remove:hover{
  color:var(--ca-t-red-600, #dc2626);
  border-color:var(--ca-s-red-200, #fecaca);
}
.ca-bs-logo-candidate{
  width:64px;
  height:64px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  padding:4px;
  background:var(--ca-s-white, #ffffff);
  cursor:pointer;
}
.ca-bs-logo-candidate img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.ca-bs-import__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.ca-bs-empty{
  color:var(--ca-t-slate-500, #64748b);
  padding:32px 24px;
  text-align:center;
  background:var(--ca-s-white, #ffffff);
  border:1px dashed var(--ca-s-slate-200, #e2e8f0);
  border-radius:12px;
  font-size:14px;
  line-height:1.5;
}
.ca-bs .ca-brand-assets__grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));
  gap:16px;
  margin-top:4px;
}
.ca-bs .ca-brand-asset-card{
  height:100%;
  display:flex;
  flex-direction:column;
}
.ca-bs .ca-brand-asset-card__content{
  flex:1;
  display:flex;
  flex-direction:column;
}
.ca-bs .ca-brand-asset-card__title{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
}
.ca-bs .ca-brand-asset-card__image{
  height:160px;
}
.ca-bs-asset-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:auto;
  padding-top:8px;
}
.ca-bs-assign-list{
  max-height:320px;
  overflow:auto;
  margin-bottom:16px;
}
.ca-bs-assign-hint{
  margin:0 0 12px;
  font-size:13px;
  line-height:1.45;
  color:var(--ca-muted,var(--ca-t-slate-500, #64748b));
}
.ca-bs-assign-item{
  display:block;
  padding:8px 0;
  font-size:14px;
}
.ca-btn-sm{
  padding:6px 12px;
  font-size:12px;
}
@media (max-width:1100px){
  .ca-bs-colors{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ca-bs-builder{
    grid-template-columns:1fr;
  }
  .ca-bs-builder__preview-wrap{
    position:static;
  }
}
@media (max-width:768px){
  .ca-bs__header{
    flex-direction:column;
    align-items:stretch;
  }
  .ca-bs__header-actions{
    justify-content:stretch;
  }
  .ca-bs__header-actions .ca-btn{
    flex:1 1 auto;
    justify-content:center;
  }
  .ca-bs-subtabs__btn{
    padding:8px 12px;
    font-size:13px;
  }
  .ca-bs-builder-bar{
    padding:12px;
  }
  .ca-bs-builder-bar .ca-btn{
    flex:1 1 calc(50% - 5px);
    justify-content:center;
  }
  .ca-bs-builder-bar__name,
  .ca-bs-builder-bar__level{
    flex:1 1 100%;
  }
  .ca-bs-section--fields{
    grid-template-columns:1fr;
  }
  .ca-bs-colors{
    grid-template-columns:1fr;
  }
  .ca-bs-import__row .ca-btn{
    width:100%;
  }
  .ca-bs-import__actions .ca-btn{
    flex:1 1 100%;
  }
}
@media (max-width:480px){
  .ca-bs__title{
    font-size:19px;
  }
  .ca-bs-builder-bar .ca-btn{
    flex:1 1 100%;
  }
  .ca-bs-kits-list,
  .ca-bs-templates-grid,
  .ca-bs .ca-brand-assets__grid{
    grid-template-columns:1fr;
  }
}
:root{
  --ca-bs-copilot-panel-width:480px;
  --ca-bs-copilot-panel-max-width:640px;
}
html.ca-bs-copilot-open,
body.ca-bs-copilot-open{
  overflow-x:hidden;
  width:100%;
  max-width:100%;
}
body.ca-bs-copilot-open .ca-layout--dashboard{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  box-sizing:border-box;
}
  body.ca-bs-copilot-open .ca-dashboard{
  width:100%;
  max-width:100%;
  padding-right:var(--ca-bs-copilot-panel-width);
  margin-right:0;
  box-sizing:border-box;
  overflow-x:hidden;
  grid-template-columns:var(--ca-sidebar-width) minmax(0, 1fr);
  transition:padding-right .28s cubic-bezier(.22,.61,.36,1);
}
@media (max-width:1100px){
  body.ca-bs-copilot-open .ca-dashboard{
    grid-template-columns:minmax(0,1fr);
  }
}
body.ca-bs-copilot-resizing .ca-dashboard{
  transition:none;
}
.ca-bs-copilot-drawer{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  width:var(--ca-bs-copilot-panel-width);
  max-width:min(var(--ca-bs-copilot-panel-max-width), 100vw);
  height:100vh;
  height:100dvh;
  max-height:100dvh;
  z-index:10050;
  transform:translateX(100%);
  transition:transform .28s cubic-bezier(.22,.61,.36,1);
  display:flex;
  flex-direction:row;
  box-sizing:border-box;
  overflow:visible;
  pointer-events:none;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-bs-copilot-drawer.is-open{
  transform:translateX(0);
  pointer-events:auto;
}
.ca-bs-copilot-drawer.is-resizing{
  transition:none;
}
.ca-bs-copilot-drawer__resize{
  flex-shrink:0;
  width:14px;
  height:100%;
  cursor:ew-resize;
  display:flex;
  align-items:center;
  justify-content:center;
  touch-action:none;
}
.ca-bs-copilot-drawer__resize:hover .ca-bs-copilot-drawer__resize-grip,
.ca-bs-copilot-drawer.is-resizing .ca-bs-copilot-drawer__resize-grip{
  background:var(--ca-s-violet-600, #7c3aed);
}
.ca-bs-copilot-drawer__resize-grip{
  width:4px;
  height:46px;
  border-radius:999px;
  background:var(--ca-s-slate-300, #cbd5e1);
  transition:background .15s;
}
.ca-bs-copilot-drawer__panel{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  height:100%;
  background:var(--ca-s-white, #ffffff);
  border-left:1px solid var(--ca-s-slate-200, #e2e8f0);
  box-shadow:-8px 0 24px rgba(0,0,0,.08);
  overflow:hidden;
}
.ca-bs-copilot-drawer__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 20px;
  border-bottom:1px solid var(--ca-s-slate-200, #e2e8f0);
  flex-shrink:0;
  position:sticky;
  top:0;
  z-index:30;
  background:var(--ca-s-white, #ffffff);
}
.ca-bs-copilot-drawer__header strong{
  font-size:17px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  min-width:0;
}
.ca-bs-copilot-drawer__close{
  background:var(--ca-s-gray-100, #f3f4f6);
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  width:36px;
  height:36px;
  border-radius:8px;
  font-size:22px;
  color:var(--ca-t-gray-700, #374151);
  cursor:pointer;
  line-height:1;
  flex-shrink:0;
  position:relative;
  z-index:31;
}
.ca-bs-copilot-drawer__close:hover{
  background:var(--ca-s-gray-200, #e5e7eb);
  color:var(--ca-t-gray-900, #111827);
}
.ca-bs-copilot-drawer__body{
  flex:1;
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding:0;
}
.ca-bs-copilot-drawer .agent-widget{
  flex:1;
  min-height:0;
  height:100%;
  width:100%;
  max-width:none;
  border:none;
  border-radius:0;
  box-shadow:none;
  --agent-widget-font:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-bs-copilot-drawer .agent-widget__bubble,
.ca-bs-copilot-drawer .agent-widget__bubble-meta,
.ca-bs-copilot-drawer .agent-widget__input,
.ca-bs-copilot-drawer .agent-widget__send{
  font-family:inherit;
}
.ca-bs-copilot-drawer .agent-widget__header{
  display:none;
}
.ca-bs-copilot-drawer .agent-widget__messages{
  flex:1;
  min-height:0;
  max-height:none;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.ca-bs-copilot-drawer .agent-widget__composer{
  flex-shrink:0;
  background:var(--ca-s-white, #ffffff);
}

/* Brand Co-Pilot — mobile full-screen sheet */
@media (max-width:900px){
  .ca-bs-copilot-drawer{
    left:0;
    right:0;
    width:100%;
    max-width:100%;
  }
  .ca-bs-copilot-drawer__resize{
    display:none;
  }
  .ca-bs-copilot-drawer__panel{
    border-left:none;
    box-shadow:none;
  }
  body.ca-bs-copilot-open .ca-dashboard{
    padding-right:0 !important;
  }
  body.ca-bs-copilot-open #caSurfaceCatalogModal.is-open{
    padding-right:0 !important;
  }
  .ca-bs-copilot-drawer__header{
    padding:12px 14px;
    padding-top:max(12px, env(safe-area-inset-top, 0px));
  }
  .ca-bs-copilot-drawer__header strong{
    font-size:16px;
  }
  .ca-bs-copilot-drawer__close{
    width:40px;
    height:40px;
    font-size:24px;
  }
  .ca-bs-copilot-drawer .agent-widget__messages{
    padding:12px 14px;
  }
  .ca-bs-copilot-drawer .agent-widget__composer{
    padding:10px 14px max(14px, env(safe-area-inset-bottom, 0px));
  }
  .ca-bs-copilot-drawer .agent-widget__input{
    font-size:16px;
  }
}

/* ── Super Admin: System Roadmap tab (snapshot + link cards) ── */
.ca-rm-snapshot { margin: 8px 0 22px; }
.ca-rm-snapshot__kpis { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 12px; margin-bottom: 18px; }
.ca-rm-snapshot__kpi { background: var(--ca-s-slate-50, #f8fafc); border: 1px solid var(--ca-s-gray-200, #e5e7eb); border-radius: 12px; padding: 14px 16px; }
.ca-rm-snapshot__kpi-num { font-size: 26px; font-weight: 800; line-height: 1.1; }
.ca-rm-snapshot__kpi-label { font-size: 12px; color: var(--ca-t-gray-500, #6b7280); }
.ca-rm-snapshot__bar { height: 10px; background: var(--ca-s-indigo-50, #eef2ff); border-radius: 6px; overflow: hidden; margin-bottom: 8px; }
.ca-rm-snapshot__bar span { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg,var(--ca-s-violet-600, #7c3aed),var(--ca-s-indigo-600, #4f46e5)); }
.ca-rm-snapshot__h3 { font-size: 14px; margin: 0 0 12px; }
.ca-rm-snapshot__sub { display: flex; align-items: center; gap: 10px; margin-bottom: 9px; }
.ca-rm-snapshot__sub-title { width: 230px; font-size: 13px; font-weight: 600; flex: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ca-rm-snapshot__sub-badge { font-size: 11px; font-weight: 700; color: var(--ca-t-white, #ffffff); padding: 2px 9px; border-radius: 12px; flex: none; }
.ca-rm-snapshot__sub-bar { flex: 1; height: 9px; background: var(--ca-s-xeef2f7, #eef2f7); border-radius: 6px; overflow: hidden; }
.ca-rm-snapshot__sub-bar span { display: block; height: 100%; border-radius: 6px; }
.ca-rm-snapshot__sub-pct { width: 42px; text-align: right; font-size: 12px; font-weight: 700; flex: none; }
.ca-rm-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; margin-top: 8px; }
.ca-rm-link-card { display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--ca-s-gray-200, #e5e7eb); border-radius: 12px; background: var(--ca-s-white, #ffffff); text-decoration: none; color: var(--ca-t-gray-800, #1f2937); transition: all .15s ease; }
.ca-rm-link-card:hover { border-color: var(--ca-s-indigo-200, #c7d2fe); box-shadow: 0 4px 14px rgba(79,70,229,.12); transform: translateY(-1px); }
.ca-rm-link-card__icon { color: var(--ca-t-indigo-600, #4f46e5); font-size: 24px; width: 24px; height: 24px; flex: none; }
.ca-rm-link-card__text { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.ca-rm-link-card__text strong { font-size: 14px; }
.ca-rm-link-card__text small { font-size: 12px; color: var(--ca-t-gray-500, #6b7280); }
.ca-rm-link-card__arrow { color: var(--ca-t-gray-400, #9ca3af); flex: none; }
.ca-rm-link-card--tab { width: 100%; text-align: left; cursor: pointer; font: inherit; }
.ca-rm-link-card__badge {
	display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px;
	font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
	background: var(--ca-s-violet-100, #ede9fe); color: var(--ca-t-violet-800, #5b21b6); flex: none;
}
.ca-sadm-pane[data-ca-pane="system-roadmap"] .ca-sysrm { max-width: none; padding-top: 0; }
@media (max-width: 860px) { .ca-rm-snapshot__kpis { grid-template-columns: 1fr 1fr; } .ca-rm-snapshot__sub-title { width: 140px; } }

/* ── Super Admin: Connectors tab (snapshot pillars) ── */
.ca-cn-snapshot__pillars { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
.ca-cn-snapshot__pillar { background: var(--ca-s-slate-50, #f8fafc); border: 1px solid var(--ca-s-gray-200, #e5e7eb); border-radius: 12px; padding: 14px 16px; }
.ca-cn-snapshot__pillar-label { display: block; font-size: 13px; font-weight: 700; color: var(--ca-t-gray-800, #1f2937); }
.ca-cn-snapshot__pillar-count { display: inline-block; font-size: 22px; font-weight: 800; color: var(--ca-t-indigo-600, #4f46e5); line-height: 1.2; }
.ca-cn-snapshot__pillar-blurb { display: block; font-size: 12px; color: var(--ca-t-gray-500, #6b7280); margin-top: 2px; }

/* Commercial Catalog snapshot (Super Admin tab) */
.ca-cat-snapshot__plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.ca-cat-snapshot__plan { background: var(--ca-s-slate-50, #f8fafc); border: 1px solid var(--ca-s-gray-200, #e5e7eb); border-radius: 12px; padding: 14px 16px; }
.ca-cat-snapshot__plan.is-featured { border-color: var(--ca-s-indigo-500, #6366f1); box-shadow: 0 0 0 1px var(--ca-s-indigo-500, #6366f1) inset; }
.ca-cat-snapshot__plan-name { display: block; font-size: 14px; font-weight: 800; color: var(--ca-t-gray-800, #1f2937); }
.ca-cat-snapshot__plan-tier { display: block; font-size: 12px; color: var(--ca-t-gray-500, #6b7280); margin-top: 2px; }
.ca-cat-snapshot__plan-state { display: block; font-size: 12px; font-weight: 700; color: var(--ca-t-indigo-600, #4f46e5); margin-top: 6px; }

/* Roles & Access (Super Admin tab) */
.ca-ra__intro { color: var(--ca-t-gray-500, #6b7280); font-size: 13px; margin: 4px 0 16px; line-height: 1.55; }
.ca-ra__doclist { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 12px; }
.ca-ra__matrix-wrap, .ca-ra__table-wrap { overflow-x: auto; border: 1px solid var(--ca-s-gray-200, #e5e7eb); border-radius: 12px; }
.ca-ra__matrix, .ca-ra__table { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 640px; }
.ca-ra__matrix th, .ca-ra__table th { text-align: left; background: var(--ca-s-slate-50, #f8fafc); color: var(--ca-t-slate-600, #475569); font-weight: 700; padding: 12px 14px; border-bottom: 1px solid var(--ca-s-gray-200, #e5e7eb); vertical-align: top; }
.ca-ra__matrix td, .ca-ra__table td { padding: 11px 14px; border-bottom: 1px solid var(--ca-s-slate-100, #f1f5f9); color: var(--ca-t-gray-800, #1f2937); }
.ca-ra__matrix tr:last-child td, .ca-ra__table tr:last-child td { border-bottom: none; }
.ca-ra__cap { font-weight: 600; color: var(--ca-t-slate-700, #334155); }
.ca-ra__roles { display: block; font-size: 11px; font-weight: 500; color: var(--ca-t-slate-400, #94a3b8); margin-top: 2px; }
.ca-ra__filters { display: flex; flex-wrap: wrap; gap: 10px; margin: 4px 0 14px; }
.ca-ra__input { border: 1px solid var(--ca-s-slate-300, #cbd5e1); border-radius: 8px; padding: 8px 10px; font-size: 13px; min-width: 180px; }
.ca-ra__user { display: flex; flex-direction: column; }
.ca-ra__user span { color: var(--ca-t-slate-400, #94a3b8); font-size: 12px; }
.ca-ra__pill { display: inline-block; background: var(--ca-s-violet-100, #ede9fe); color: var(--ca-t-violet-700, #6d28d9); padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; }
.ca-ra__actions { text-align: right; white-space: nowrap; }
.ca-ra__imp { background: var(--ca-s-orange-900, #7c2d12); color: var(--ca-t-white, #ffffff); border: none; border-radius: 6px; padding: 6px 12px; font-size: 12px; font-weight: 700; cursor: pointer; }
.ca-ra__imp:hover { background: var(--ca-s-orange-800, #9a3412); }
.ca-ra__empty { text-align: center; color: var(--ca-t-slate-400, #94a3b8); padding: 26px 14px; }

/* ─────────────────────────────────────────────
 * Super Admin — Developer Platform console
 * ───────────────────────────────────────────── */
.ca-devadmin__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.ca-devadmin__head h2 { margin: 0; }
.ca-devadmin__notice { background: var(--ca-s-emerald-50, #ecfdf5); border: 1px solid var(--ca-s-emerald-200, #a7f3d0); color: var(--ca-t-emerald-700, #047857); border-radius: 10px; padding: 9px 13px; font-size: 13px; font-weight: 600; margin: 0 0 12px; }
.ca-devadmin__notice.is-error { background: var(--ca-s-red-50, #fef2f2); border-color: var(--ca-s-red-200, #fecaca); color: var(--ca-t-red-700, #b91c1c); }
.ca-devadmin__table-wrap { overflow-x: auto; }
.ca-devadmin__table { width: 100%; border-collapse: collapse; font-size: 13px; }
.ca-devadmin__table th { text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: var(--ca-t-slate-500, #64748b); padding: 8px 10px; border-bottom: 1px solid var(--ca-s-gray-200, #e5e7eb); white-space: nowrap; }
.ca-devadmin__table td { padding: 10px; border-bottom: 1px solid var(--ca-s-slate-100, #f1f5f9); vertical-align: middle; }
.ca-devadmin__table tr.is-revoked td { opacity: .55; }
.ca-devadmin__table code { font-size: 12px; background: var(--ca-s-slate-100, #f1f5f9); border-radius: 6px; padding: 2px 6px; }
.ca-devadmin__table small { color: var(--ca-t-slate-400, #94a3b8); }
.ca-devadmin__note { max-width: 260px; color: var(--ca-t-slate-500, #64748b); font-size: 12px; }
.ca-devadmin__empty { text-align: center; color: var(--ca-t-slate-400, #94a3b8); padding: 22px 12px !important; }
.ca-devadmin__badge { display: inline-flex; align-items: center; font-size: 11px; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: .04em; padding: 5px 10px; border-radius: 999px; background: var(--ca-s-slate-100, #f1f5f9); color: var(--ca-t-slate-600, #475569); border: 1px solid var(--ca-s-slate-200, #e2e8f0); }
.ca-devadmin__badge[data-status="pending"] { background: var(--ca-s-amber-50, #fffbeb); color: var(--ca-t-amber-700, #b45309); border-color: var(--ca-s-amber-200, #fde68a); }
.ca-devadmin__badge[data-status="approved"],
.ca-devadmin__badge[data-status="active"],
.ca-devadmin__badge[data-status="ok"] { background: var(--ca-s-emerald-50, #ecfdf5); color: var(--ca-t-emerald-700, #047857); border-color: var(--ca-s-emerald-200, #a7f3d0); }
.ca-devadmin__badge[data-status="rejected"],
.ca-devadmin__badge[data-status="disabled"],
.ca-devadmin__badge[data-status="revoked"],
.ca-devadmin__badge[data-status="error"] { background: var(--ca-s-red-50, #fef2f2); color: var(--ca-t-red-700, #b91c1c); border-color: var(--ca-s-red-200, #fecaca); }
.ca-devadmin__actions { white-space: nowrap; text-align: right; }
.ca-devadmin__actions--stack { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; white-space: normal; }
.ca-devadmin__actions--stack .ca-devadmin__act { margin-left: 0; width: max-content; }
.ca-devadmin__table td.ca-devadmin__scopes-cell { vertical-align: top; min-width: 300px; max-width: 420px; }
.ca-devadmin__table td.ca-devadmin__connections { text-align: center; white-space: nowrap; }
.ca-devadmin__scope-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
}
/* Override .ca-super-admin__panel label { flex-direction: column } for MCP scope chips. */
.ca-super-admin__panel label.ca-devadmin__scope-check {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 5px 8px 5px 6px;
  font-weight: 500;
  font-size: 12px;
  color: var(--ca-t-gray-700, #374151);
  white-space: nowrap;
  background: var(--ca-s-slate-50, #f8fafc);
  border: 1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius: 8px;
  cursor: pointer;
  transition: border-color .15s, background .15s;
}
.ca-super-admin__panel label.ca-devadmin__scope-check:hover {
  border-color: var(--ca-s-indigo-200, #c7d2fe);
  background: var(--ca-s-indigo-50, #eef2ff);
}
.ca-super-admin__panel label.ca-devadmin__scope-check:has(input:checked) {
  border-color: var(--ca-s-indigo-300, #a5b4fc);
  background: var(--ca-s-indigo-50, #eef2ff);
}
.ca-super-admin__panel label.ca-devadmin__scope-check input[type="checkbox"] {
  width: 14px;
  height: 14px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--ca-s-slate-300, #cbd5e1);
  border-radius: 3px;
  flex-shrink: 0;
  cursor: pointer;
  accent-color: var(--ca-s-indigo-600, #4f46e5);
}
.ca-devadmin__scope-check { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--ca-t-gray-700, #374151); white-space: nowrap; }
.ca-devadmin__scope-check code { font-size: 11px; background: transparent; border-radius: 5px; padding: 0; font-weight: 600; color: var(--ca-t-indigo-700, #4338ca); }
.ca-devadmin__act { background: var(--ca-s-white, #ffffff); border: 1px solid var(--ca-s-gray-300, #d1d5db); border-radius: 8px; color: var(--ca-t-gray-700, #374151); font-size: 12px; font-weight: 600; padding: 6px 11px; cursor: pointer; margin-left: 4px; }
.ca-devadmin__act:hover { background: var(--ca-s-gray-50, #f9fafb); }
.ca-devadmin__act.is-active { border-color: var(--ca-s-indigo-600, #4f46e5); color: var(--ca-t-indigo-700, #4338ca); background: var(--ca-s-indigo-50, #eef2ff); }
.ca-devadmin__act--ok { border-color: var(--ca-s-emerald-200, #a7f3d0); color: var(--ca-t-emerald-700, #047857); }
.ca-devadmin__act--ok:hover { background: var(--ca-s-emerald-50, #ecfdf5); }
.ca-devadmin__act--danger { border-color: var(--ca-s-red-200, #fecaca); color: var(--ca-t-red-700, #b91c1c); }
.ca-devadmin__act--danger:hover { background: var(--ca-s-red-50, #fef2f2); }
.ca-devadmin__act:disabled,
.ca-devadmin__act.is-busy { cursor: wait; opacity: 0.72; }
.ca-mcp-sites__filter {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-left: 0.75rem;
	font-size: 0.875rem;
}
.ca-mcp-sites__filter select {
	min-width: 7rem;
}
.ca-mcp-sites__workflow {
	color: var(--ca-t-slate-500, #64748b);
	text-transform: capitalize;
}

  margin-top: 18px;
  padding: 18px;
  border: 1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius: 14px;
  background: var(--ca-s-white, #ffffff);
  box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}
.ca-mcp-sites__panel-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
}
.ca-mcp-sites__panel-head h3 {
  margin: 0;
  font-size: 17px;
  color: var(--ca-t-slate-900, #0f172a);
}
.ca-mcp-sites__panel-head p {
  margin: 4px 0 0;
  color: var(--ca-t-slate-500, #64748b);
  font-size: 13px;
}
.ca-mcp-sites__metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}
.ca-mcp-sites__metrics--analytics {
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}
.ca-mcp-sites__metric {
  padding: 12px;
  border: 1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius: 12px;
  background: var(--ca-s-slate-50, #f8fafc);
}
.ca-mcp-sites__metric strong {
  display: block;
  font-size: 22px;
  line-height: 1.1;
  color: var(--ca-t-gray-900, #111827);
}
.ca-mcp-sites__metric span,
.ca-mcp-sites__metric small {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  color: var(--ca-t-slate-500, #64748b);
}
.ca-mcp-sites__detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 16px;
}
.ca-mcp-sites__detail-grid h4,
.ca-mcp-sites__compare h5 {
  margin: 0 0 8px;
  font-size: 14px;
  color: var(--ca-t-slate-900, #0f172a);
}
.ca-mcp-sites__analytics-score {
  margin-bottom: 16px;
  padding: 12px;
  border: 1px solid var(--ca-s-violet-100, #ede9fe);
  border-radius: 12px;
  background: var(--ca-s-purple-50, #faf5ff);
}
.ca-mcp-sites__analytics-score-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
  color: var(--ca-t-violet-800, #5b21b6);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.ca-mcp-sites__analytics-score-track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--ca-s-purple-200, #e9d5ff);
}
.ca-mcp-sites__analytics-score-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--ca-s-purple-500, #a855f7), var(--ca-s-green-500, #22c55e));
}
.ca-mcp-sites__analytics-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 16px;
}
.ca-mcp-sites__analytics-section {
  padding: 14px;
  border: 1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius: 12px;
  background: var(--ca-s-white, #ffffff);
}
.ca-mcp-sites__analytics-section-head h4 {
  margin: 0;
  color: var(--ca-t-slate-900, #0f172a);
  font-size: 14px;
}
.ca-mcp-sites__analytics-section-head p {
  margin: 3px 0 12px;
  color: var(--ca-t-slate-500, #64748b);
  font-size: 12px;
}
.ca-mcp-sites__empty-box {
  margin: 0 0 12px;
  padding: 14px;
  border: 1px dashed var(--ca-s-slate-200, #e2e8f0);
  border-radius: 10px;
  color: var(--ca-t-slate-400, #94a3b8);
  text-align: center;
  font-size: 12px;
}
.ca-mcp-sites__signal-cell {
  display: flex;
  align-items: center;
  gap: 9px;
}
.ca-mcp-sites__signal-cell span {
  min-width: 0;
}
.ca-mcp-sites__signal-cell small,
.ca-mcp-sites__detail-table td small {
  display: block;
  margin-top: 3px;
  color: var(--ca-t-slate-400, #94a3b8);
}
.ca-mcp-sites__signal-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--ca-s-indigo-50, #eef2ff);
  color: var(--ca-t-indigo-700, #4338ca);
  font-size: 10px;
  font-weight: 800;
}
.ca-mcp-sites__signal-badge--click { background: var(--ca-s-blue-100, #dbeafe); color: var(--ca-t-blue-700, #1d4ed8); }
.ca-mcp-sites__signal-badge--view { background: var(--ca-s-cyan-50, #ecfeff); color: var(--ca-t-cyan-700, #0e7490); }
.ca-mcp-sites__signal-badge--form,
.ca-mcp-sites__signal-badge--conversion { background: var(--ca-s-green-100, #dcfce7); color: var(--ca-t-green-700, #15803d); }
.ca-mcp-sites__signal-badge--config { background: var(--ca-s-amber-100, #fef3c7); color: var(--ca-t-amber-700, #b45309); }
.ca-mcp-sites__table-wrap {
  max-height: 360px;
  overflow: auto;
  border: 1px solid var(--ca-s-slate-100, #f1f5f9);
  border-radius: 10px;
  margin-bottom: 12px;
}
.ca-mcp-sites__detail-table td {
  vertical-align: top;
}
.ca-mcp-sites__versions {
  display: grid;
  gap: 12px;
}
.ca-mcp-sites__version {
  border: 1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius: 12px;
  padding: 14px;
  background: var(--ca-s-white, #ffffff);
}
.ca-mcp-sites__version.is-live {
  border-color: var(--ca-s-emerald-200, #a7f3d0);
  background: var(--ca-s-green-50, #f0fdf4);
}
.ca-mcp-sites__version-head,
.ca-mcp-sites__version-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.ca-mcp-sites__version-head {
  justify-content: space-between;
}
.ca-mcp-sites__version p {
  margin: 8px 0 0;
  color: var(--ca-t-slate-500, #64748b);
  font-size: 13px;
}
.ca-mcp-sites__version-actions {
  margin-top: 10px;
}
.ca-mcp-sites__version-actions .ca-devadmin__act {
  margin-left: 0;
}
.ca-mcp-sites__compare {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--ca-s-slate-200, #e2e8f0);
}
.ca-mcp-sites__compare-summary {
  margin: 0 0 8px;
  color: var(--ca-t-slate-500, #64748b);
  font-size: 13px;
}
.ca-devadmin__features { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; margin-top: 8px; }
.ca-devadmin__feature { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; background: var(--ca-s-white, #ffffff); border: 1px solid var(--ca-s-gray-200, #e5e7eb); border-radius: 12px; padding: 14px 16px; cursor: pointer; text-align: left; font: inherit; transition: border-color .15s, box-shadow .15s; }
.ca-devadmin__feature:hover { border-color: var(--ca-s-indigo-200, #c7d2fe); box-shadow: 0 4px 12px rgba(79, 70, 229, .08); }
.ca-devadmin__feature.is-active { border-color: var(--ca-s-indigo-600, #4f46e5); box-shadow: 0 0 0 1px var(--ca-s-indigo-600, #4f46e5); }
.ca-devadmin__feature-label { font-size: 14px; font-weight: 700; color: var(--ca-t-slate-900, #0f172a); }
.ca-devadmin__feature-badge { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; background: var(--ca-s-indigo-50, #eef2ff); color: var(--ca-t-indigo-600, #4f46e5); border: 1px solid var(--ca-s-indigo-200, #c7d2fe); border-radius: 999px; padding: 3px 9px; }
.ca-devadmin__soon { margin-top: 16px; background: var(--ca-s-slate-50, #f8fafc); border: 1px solid var(--ca-s-slate-200, #e2e8f0); border-radius: 12px; padding: 18px 20px; }
.ca-devadmin__soon-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ca-devadmin__soon-head h3 { margin: 0; font-size: 16px; font-weight: 700; }
.ca-devadmin__soon-note { font-size: 13px; color: var(--ca-t-slate-600, #475569); margin-bottom: 0; }
.ca-devadmin__soon-link { background: none; border: 0; font: inherit; font-size: 13px; font-weight: 700; color: var(--ca-t-indigo-600, #4f46e5); cursor: pointer; padding: 0 2px; }
.ca-devadmin__soon-link:hover { text-decoration: underline; }
button.ca-rm-link-card { font: inherit; text-align: left; cursor: pointer; }

/* Developer Platform — program settings panel */
.ca-devadmin__settings { display: flex; flex-direction: column; gap: 16px; }
.ca-devadmin__settings-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.ca-devadmin__setting-group h3 { font-size: 14px; font-weight: 700; margin: 0 0 10px; color: var(--ca-t-slate-900, #0f172a); }
.ca-devadmin__setting { display: block; margin: 0 0 12px; }
.ca-devadmin__setting span { display: block; font-size: 12px; font-weight: 600; color: var(--ca-t-gray-700, #374151); margin-bottom: 5px; }
.ca-devadmin__setting--toggle { display: flex; align-items: flex-start; gap: 10px; margin: 12px 0 0; }
.ca-devadmin__setting--toggle input[type="checkbox"] { margin-top: 2px; flex-shrink: 0; }
.ca-devadmin__setting--toggle span { display: inline; margin: 0; font-size: 13px; font-weight: 600; color: var(--ca-t-slate-900, #0f172a); line-height: 1.45; }
.ca-devadmin__setting--toggle code { font-size: 12px; background: var(--ca-s-slate-100, #f1f5f9); padding: 1px 6px; border-radius: 5px; }
.ca-super-admin__panel label.ca-devadmin__setting--toggle {
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  font-weight: 600;
}
.ca-super-admin__panel label.ca-devadmin__setting--toggle input[type="checkbox"] {
  width: 16px;
  height: 16px;
  min-width: 16px;
  margin-top: 2px;
  padding: 0;
  border: 1px solid var(--ca-s-slate-300, #cbd5e1);
  border-radius: 4px;
  accent-color: var(--ca-s-indigo-600, #4f46e5);
  box-shadow: none;
}
.ca-devadmin__toggle-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0 0 16px;
}
.ca-devadmin__toggle-stack .ca-devadmin__toggle-card {
  margin-bottom: 0;
}
.ca-devadmin__toggle-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
  padding: 14px 16px;
  background: var(--ca-s-white, #ffffff);
  border: 1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius: 12px;
  transition: border-color .15s, box-shadow .15s, background .15s;
}
.ca-devadmin__toggle-card:hover {
  border-color: var(--ca-s-indigo-200, #c7d2fe);
}
.ca-devadmin__toggle-card:has(input:checked) {
  border-color: var(--ca-s-indigo-300, #a5b4fc);
  background: var(--ca-s-xfafaff, #fafaff);
  box-shadow: 0 0 0 1px rgba(79, 70, 229, 0.08);
}
.ca-devadmin__toggle-card--highlight:has(input:checked) {
  border-color: var(--ca-s-indigo-400, #818cf8);
  background: linear-gradient(180deg, var(--ca-s-xfafaff, #fafaff) 0%, var(--ca-s-violet-50, #f5f3ff) 100%);
}
.ca-devadmin__toggle-card-body {
  flex: 1 1 auto;
  min-width: 0;
}
.ca-devadmin__toggle-card-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--ca-t-slate-900, #0f172a);
  line-height: 1.35;
}
.ca-devadmin__toggle-card-desc {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--ca-t-slate-500, #64748b);
}
.ca-devadmin__toggle-card-desc code {
  font-size: 11px;
  background: var(--ca-s-slate-100, #f1f5f9);
  padding: 1px 6px;
  border-radius: 5px;
}
.ca-devadmin__toggle-footnote {
  margin-top: 10px !important;
}
.ca-devadmin__oauth-claude {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--ca-s-gray-200, #e5e7eb);
}
.ca-devadmin__oauth-claude-title {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 650;
}
.ca-devadmin__oauth-claude-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}
.ca-devadmin__oauth-claude-status {
  font-size: 13px;
  color: var(--ca-t-slate-600, #475569);
  margin: 0 0 10px;
}
.ca-devadmin__oauth-claude-secret {
  background: var(--ca-s-slate-50, #f8fafc);
  border: 1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius: 10px;
  padding: 12px 14px;
}
.ca-devadmin__oauth-claude-warn {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 600;
  color: var(--ca-t-amber-700, #b45309);
}
.ca-devadmin__oauth-claude-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 12px;
}
.ca-devadmin__oauth-claude-row span {
  font-weight: 600;
  color: var(--ca-t-slate-500, #64748b);
  min-width: 90px;
}
.ca-devadmin__oauth-claude-row code {
  flex: 1;
  word-break: break-all;
}
.ca-gov-rollout__stage {
  margin: 0 0 20px;
  max-width: 520px;
}
.ca-gov-rollout__stage-label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: var(--ca-t-gray-700, #374151);
  margin-bottom: 6px;
}
.ca-gov-rollout__stage-select {
  width: 100%;
  max-width: 520px;
}
.ca-gov-rollout__stage-hint {
  margin-top: 8px !important;
  font-size: 12px !important;
}
.ca-gov-rollout__flags {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.ca-gov-rollout__group-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--ca-t-slate-600, #475569);
  margin: 0 0 10px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.ca-gov-rollout__flag:last-child {
  margin-bottom: 0;
}
.ca-gov-rollout__legend {
  margin-top: 0 !important;
  font-size: 13px !important;
}
.ca-gov-rollout__summary {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--ca-t-slate-700, #334155);
}
.ca-gov-rollout__customer-state {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.55;
  color: var(--ca-t-slate-600, #475569);
}
.ca-gov-rollout__audience-state {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.55;
  color: var(--ca-t-slate-600, #475569);
}
.ca-gov-rollout__audience-state strong,
.ca-gov-rollout__customer-state strong {
  color: var(--ca-t-slate-900, #0f172a);
}
.ca-gov-rollout__internal-note {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--ca-t-slate-500, #64748b);
}
.ca-gov-rollout__tech-key {
  margin: 8px 0 0;
  font-size: 11px;
  color: var(--ca-t-slate-400, #94a3b8);
}
.ca-gov-rollout__tech-key code {
  font-size: 11px;
  background: var(--ca-s-slate-100, #f1f5f9);
  padding: 1px 6px;
  border-radius: 5px;
}
.ca-gov-rollout__switch-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  flex-shrink: 0;
  max-width: 200px;
  text-align: right;
}
.ca-gov-rollout__switches {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex-shrink: 0;
  min-width: 200px;
}
.ca-gov-rollout__switch-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.ca-gov-rollout__switch-label {
  font-size: 11px;
  font-weight: 600;
  color: var(--ca-t-slate-600, #475569);
  line-height: 1.35;
}
.ca-gov-rollout__admin-only-badge {
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 700;
  color: var(--ca-t-slate-500, #64748b);
  background: var(--ca-s-slate-100, #f1f5f9);
  padding: 6px 10px;
  border-radius: 8px;
}
.ca-gov-rollout__flag.is-customers-on,
.ca-gov-rollout__flag.is-admins-on {
  border-color: var(--ca-s-indigo-200, #c7d2fe);
}
.ca-gov-rollout__flag.is-customers-on.is-admins-on {
  border-color: var(--ca-s-indigo-300, #a5b4fc);
  background: var(--ca-s-xfafaff, #fafaff);
}
.ca-gov-rollout__admin-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  color: var(--ca-t-green-600, #16a34a);
  line-height: 1.35;
}
.ca-gov-inspect {
  margin-top: 4px;
}
.ca-gov-inspect__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 20px;
  margin-bottom: 16px;
}
@media (max-width: 900px) {
  .ca-gov-inspect__grid {
    grid-template-columns: 1fr;
  }
}
.ca-gov-inspect__filters {
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 12px 16px;
}
.ca-gov-inspect__field {
  min-width: 0;
}
.ca-gov-inspect__field--user,
.ca-gov-inspect__field--site {
  max-width: none;
}
.ca-gov-inspect__select {
  width: 100%;
  box-sizing: border-box;
  min-height: 38px;
}
.ca-gov-inspect__label {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: var(--ca-t-gray-700, #374151);
  margin-bottom: 6px;
}
.ca-gov-inspect__optional {
  font-weight: 500;
  color: var(--ca-t-slate-400, #94a3b8);
}
.ca-gov-inspect__hint {
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: var(--ca-t-slate-500, #64748b);
}
.ca-gov-inspect__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 4px;
  border-top: 1px solid var(--ca-s-slate-200, #e2e8f0);
}
.ca-gov-inspect__actions .ca-btn {
  min-width: 140px;
}
.ca-gov-inspect__output {
  margin-top: 12px;
  max-height: 320px;
  overflow: auto;
  background: var(--ca-s-xf6f8fa, #f6f8fa);
  padding: 12px;
  border-radius: 8px;
  border: 1px solid var(--ca-s-slate-200, #e2e8f0);
  font-size: 12px;
  line-height: 1.45;
}
.ca-gov-user-search {
  position: relative;
}
.ca-gov-user-search__input {
  width: 100%;
  box-sizing: border-box;
}
.ca-gov-user-search__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 60;
  background: var(--ca-s-white, #ffffff);
  border: 1px solid var(--ca-s-gray-300, #d1d5db);
  border-top: none;
  border-radius: 0 0 8px 8px;
  max-height: 240px;
  overflow-y: auto;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
}
.ca-gov-user-search__dropdown[hidden] {
  display: none;
}
.ca-gov-user-search__item {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: var(--ca-s-white, #ffffff);
  padding: 10px 12px;
  cursor: pointer;
  border-bottom: 1px solid var(--ca-s-slate-100, #f1f5f9);
  font: inherit;
}
.ca-gov-user-search__item:last-child {
  border-bottom: none;
}
.ca-gov-user-search__item:hover,
.ca-gov-user-search__item:focus {
  background: var(--ca-s-slate-50, #f8fafc);
  outline: none;
}
.ca-gov-user-search__email {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--ca-t-slate-900, #0f172a);
}
.ca-gov-user-search__meta {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  color: var(--ca-t-slate-500, #64748b);
}
.ca-gov-user-search__empty {
  padding: 10px 12px;
  font-size: 12px;
  color: var(--ca-t-slate-500, #64748b);
}
.ca-super-admin__panel .ca-devadmin__switch {
  flex-shrink: 0;
}
.ca-super-admin__panel .ca-devadmin__switch input[type="checkbox"] {
  width: auto;
  min-width: 0;
  height: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.ca-devadmin__setting input,
.ca-devadmin__setting textarea { width: 100%; font: inherit; font-size: 13px; border: 1px solid var(--ca-s-gray-300, #d1d5db); border-radius: 8px; padding: 9px 12px; background: var(--ca-s-white, #ffffff); }
.ca-devadmin__setting textarea { resize: vertical; line-height: 1.5; }
@media (max-width: 782px) { .ca-devadmin__settings-cols { grid-template-columns: 1fr; } }

/* Per-developer surface welcome */
.ca-devadmin__toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ca-devadmin__search {
  min-width: 220px;
  font: inherit;
  font-size: 13px;
  border: 1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius: 8px;
  padding: 8px 12px;
  background: var(--ca-s-white, #ffffff);
}
.ca-devadmin__toolbar select {
  font: inherit;
  font-size: 13px;
  border: 1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius: 8px;
  padding: 8px 12px;
  background: var(--ca-s-white, #ffffff);
}
.ca-devadmin__table--surface-welcome td.ca-devadmin__sw-toggle-cell { white-space: nowrap; }
.ca-devadmin__sw-row.is-selected td { background: var(--ca-s-violet-50, #f5f3ff); }
.ca-devadmin__inline-input {
  width: 100%;
  min-width: 160px;
  max-width: 240px;
  font: inherit;
  font-size: 13px;
  border: 1px solid var(--ca-s-gray-300, #d1d5db);
  border-radius: 8px;
  padding: 7px 10px;
  background: var(--ca-s-white, #ffffff);
}
.ca-devadmin__inline-input:focus {
  outline: none;
  border-color: var(--ca-s-violet-600, #7c3aed);
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12);
}
.ca-super-admin__panel label.ca-devadmin__switch {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  font-weight: 600;
  color: var(--ca-t-gray-700, #374151);
  cursor: pointer;
}
.ca-devadmin__switch input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.ca-devadmin__switch-ui {
  position: relative;
  width: 42px;
  height: 24px;
  background: var(--ca-s-slate-300, #cbd5e1);
  border-radius: 999px;
  transition: background .15s;
  flex-shrink: 0;
}
.ca-devadmin__switch-ui::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  background: var(--ca-s-white, #ffffff);
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.18);
  transition: transform .15s;
}
.ca-devadmin__switch input:checked + .ca-devadmin__switch-ui {
  background: var(--ca-s-indigo-600, #4f46e5);
}
.ca-devadmin__switch input:checked + .ca-devadmin__switch-ui::after {
  transform: translateX(18px);
}
.ca-devadmin__switch input:focus-visible + .ca-devadmin__switch-ui {
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.25);
}
.ca-devadmin__switch-label {
  font-size: 12px;
  font-weight: 700;
  color: var(--ca-t-slate-500, #64748b);
  min-width: 58px;
}
.ca-devadmin__switch input:checked ~ .ca-devadmin__switch-label {
  color: var(--ca-t-indigo-700, #4338ca);
}
.ca-devadmin__sw-editor {
  margin-top: 16px;
  padding: 18px 20px;
  background: var(--ca-s-slate-50, #f8fafc);
  border: 1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius: 12px;
}
.ca-devadmin__sw-editor-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.ca-devadmin__sw-editor-head h3 {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 700;
  color: var(--ca-t-slate-900, #0f172a);
}
.ca-devadmin__sw-editor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

/* My Account — Developer Program card */
.ca-profile-developer { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-top: 26px; padding: 20px 22px; background: var(--ca-s-slate-50, #f8fafc); border: 1px solid var(--ca-s-slate-200, #e2e8f0); border-radius: 14px; }
.ca-profile-developer__title { font-size: 16px; font-weight: 700; margin: 0 0 4px; }
.ca-profile-developer__desc { font-size: 13px; color: var(--ca-t-slate-500, #64748b); margin: 0 0 8px; max-width: 520px; line-height: 1.5; }
.ca-profile-developer__status { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; padding: 4px 10px; border-radius: 999px; background: var(--ca-s-slate-100, #f1f5f9); color: var(--ca-t-slate-600, #475569); border: 1px solid var(--ca-s-slate-200, #e2e8f0); }
.ca-profile-developer__status[data-status="pending"] { background: var(--ca-s-amber-50, #fffbeb); color: var(--ca-t-amber-700, #b45309); border-color: var(--ca-s-amber-200, #fde68a); }
.ca-profile-developer__status[data-status="approved"] { background: var(--ca-s-emerald-50, #ecfdf5); color: var(--ca-t-emerald-700, #047857); border-color: var(--ca-s-emerald-200, #a7f3d0); }
.ca-profile-developer__status[data-status="rejected"],
.ca-profile-developer__status[data-status="disabled"] { background: var(--ca-s-red-50, #fef2f2); color: var(--ca-t-red-700, #b91c1c); border-color: var(--ca-s-red-200, #fecaca); }

/* ── Terms acceptance interstitial ── */
.ca-terms-interstitial {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.ca-terms-interstitial__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 6, 20, 0.82);
}
.ca-terms-interstitial__panel {
  position: relative;
  width: min(460px, 92vw);
  background: var(--ca-s-x17132b, #17132b);
  color: var(--ca-t-white, #ffffff);
  border: 1px solid rgba(124, 92, 255, 0.45);
  border-radius: 14px;
  padding: 26px 28px;
  font-family: inherit;
}
.ca-terms-interstitial__title,
.ca-terms-interstitial__desc,
.ca-terms-interstitial__label,
.ca-terms-interstitial__btn,
.ca-terms-interstitial__error {
  font-family: inherit;
}
.ca-terms-interstitial__title {
  margin: 0 0 10px;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.3;
}
.ca-terms-interstitial__desc {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.5;
  opacity: 0.85;
}
.ca-terms-interstitial__label {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 13.5px;
  line-height: 1.45;
  margin-bottom: 18px;
  cursor: pointer;
}
.ca-terms-interstitial__check {
  margin-top: 3px;
  flex-shrink: 0;
}
.ca-terms-interstitial__link {
  color: var(--ca-t-violet-400, #a78bfa);
}
.ca-terms-interstitial__link:hover {
  color: var(--ca-t-violet-300, #c4b5fd);
}
.ca-terms-interstitial__btn {
  width: 100%;
  padding: 11px;
  border-radius: 9px;
  border: none;
  background: var(--ca-s-x7c5cff, #7c5cff);
  color: var(--ca-t-white, #ffffff);
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.15s ease, background 0.15s ease;
}
.ca-terms-interstitial__btn:not(:disabled):hover {
  background: var(--ca-s-x6d4df5, #6d4df5);
}
.ca-terms-interstitial__error {
  display: none;
  margin: 10px 0 0;
  font-size: 12.5px;
  line-height: 1.4;
  color: var(--ca-t-xff8f8f, #ff8f8f);
}

/* ===== Atlas Surfaces rail "+" menu ===== */
.ca-dna-surfaces-rail__add-wrap{
  position:relative;
  flex-shrink:0;
}
.ca-dna-rail-add-menu{
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  z-index:40;
  min-width:236px;
  padding:6px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:12px;
  background:var(--ca-s-white, #ffffff);
  box-shadow:0 12px 32px rgba(15,23,42,.14);
}
.ca-dna-rail-add-menu[hidden]{
  display:none !important;
}
.ca-dna-rail-add-menu__item{
  display:flex;
  align-items:flex-start;
  gap:10px;
  width:100%;
  box-sizing:border-box;
  padding:9px 10px;
  border:none;
  border-radius:8px;
  background:none;
  color:var(--ca-t-gray-900, #111827);
  text-align:left;
  cursor:pointer;
  font-family:inherit;
}
.ca-dna-rail-add-menu__item:hover,
.ca-dna-rail-add-menu__item:focus-visible{
  background:var(--ca-s-violet-50, #f5f3ff);
  outline:none;
}
.ca-dna-rail-add-menu__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  flex-shrink:0;
  border-radius:7px;
  background:var(--ca-s-violet-100, #ede9fe);
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-dna-rail-add-menu__copy{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.ca-dna-rail-add-menu__label{
  font-size:13px;
  font-weight:600;
  line-height:1.3;
}
.ca-dna-rail-add-menu__hint{
  font-size:11.5px;
  color:var(--ca-t-gray-500, #6b7280);
  line-height:1.35;
}

/* ===== In-body brand kit editor ===== */
.ca-dna-brand-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  padding:4px;
  margin-bottom:16px;
  border:1px solid var(--ca-s-xeef0f4, #eef0f4);
  border-radius:10px;
  background:var(--ca-s-slate-50, #f8fafc);
}
.ca-dna-brand-tabs__btn{
  padding:7px 13px;
  border:1px solid transparent;
  border-radius:7px;
  background:none;
  color:var(--ca-t-slate-500, #64748b);
  font-family:inherit;
  font-size:12.5px;
  font-weight:600;
  cursor:pointer;
  transition:background .15s,color .15s,border-color .15s;
}
.ca-dna-brand-tabs__btn:hover{
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-dna-brand-tabs__btn.is-active{
  background:var(--ca-s-white, #ffffff);
  border-color:var(--ca-s-slate-200, #e2e8f0);
  color:var(--ca-t-slate-900, #0f172a);
  box-shadow:0 1px 2px rgba(15,23,42,.06);
}
.ca-dna-brand-tabpanel[hidden]{
  display:none !important;
}
.ca-dna-brand-kit__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
@media (min-width:760px){
  .ca-dna-brand-kit__grid{ grid-template-columns:1fr 1fr; }
  .ca-dna-brand-kit__grid--colors{ grid-template-columns:repeat(4,1fr); }
}
.ca-dna-brand-kit__field-label{
  display:block;
  font-size:13px;
  font-weight:700;
  color:var(--ca-t-gray-900, #111827);
  margin-bottom:6px;
}
.ca-dna-brand-kit__field-hint{
  margin:0 0 8px;
  font-size:11.5px;
  line-height:1.45;
  color:var(--ca-t-gray-500, #6b7280);
}
.ca-dna-brand-kit__color{
  display:flex;
  align-items:center;
  gap:8px;
}
.ca-dna-brand-kit__color-swatch{
  width:38px;
  height:38px;
  flex-shrink:0;
  padding:2px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  cursor:pointer;
}
.ca-dna-brand-kit__color-hex{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  text-transform:lowercase;
}
.ca-dna-brand-kit__logo{
  display:flex;
  align-items:center;
  gap:10px;
}
.ca-dna-brand-kit__logo-preview{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:44px;
  flex-shrink:0;
  padding:4px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  overflow:hidden;
}
.ca-dna-brand-kit__logo-preview img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.ca-dna-brand-kit__logo-preview.is-empty{
  background:repeating-linear-gradient(45deg,var(--ca-s-slate-50, #f8fafc),var(--ca-s-slate-50, #f8fafc) 6px,var(--ca-s-xeef2f7, #eef2f7) 6px,var(--ca-s-xeef2f7, #eef2f7) 12px);
}
.ca-dna-brand-kit__logo-preview.is-empty img{
  display:none;
}
.ca-dna-brand-kit__import{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:18px;
}
.ca-dna-brand-kit__import .ca-dna-field__input{
  flex:1 1 260px;
  width:auto;
}
.ca-dna-brand-kit__footer{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid var(--ca-s-slate-100, #f1f5f9);
}
.ca-dna-brand-kit__studio-link{
  font-size:12.5px;
  font-weight:600;
  color:var(--ca-t-violet-700, #6d28d9);
}
.ca-dna-brand-kit__studio-link:hover{
  color:var(--ca-t-violet-800, #5b21b6);
}
.ca-dna-brand-kit__assist{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}
.ca-dna-brand-kit__assist .ca-dna-field__input{
  flex:1 1 240px;
  width:auto;
}
.ca-dna-brand-kit__assist-btn{
  white-space:nowrap;
}
.ca-dna-brand-kit__refine{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:10px;
  font-size:12.5px;
  color:var(--ca-t-slate-600, #475569);
  cursor:pointer;
}
.ca-dna-brand-kit__import-status{
  margin:10px 0 0;
  font-size:12.5px;
  line-height:1.45;
  color:var(--ca-t-slate-600, #475569);
}
.ca-dna-brand-kit__import-status--success{
  color:var(--ca-t-green-700, #15803d);
}
.ca-dna-brand-kit__import-status--error{
  color:var(--ca-t-red-700, #b91c1c);
}
.ca-dna-brand-kit__import-shot{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid var(--ca-s-slate-100, #f1f5f9);
}
.ca-dna-brand-kit__import-shot-frame{
  display:block;
  margin:0 0 10px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:12px;
  overflow:hidden;
  background:var(--ca-s-slate-900, #0f172a);
  max-width:520px;
}
.ca-dna-brand-kit__import-shot-frame img{
  display:block;
  width:100%;
  height:auto;
  max-height:280px;
  object-fit:cover;
  object-position:top center;
}
.ca-dna-brand-kit__import-shot-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
}
.ca-dna-brand-kit__import-logos{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid var(--ca-s-slate-100, #f1f5f9);
}
.ca-dna-brand-kit__logo-choices{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(96px,1fr));
  gap:10px;
}
.ca-dna-brand-kit__logo-choice{
  display:flex;
  align-items:center;
  justify-content:center;
  height:64px;
  padding:8px;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  cursor:pointer;
  transition:border-color .15s, box-shadow .15s;
}
.ca-dna-brand-kit__logo-choice:hover{
  border-color:var(--ca-s-violet-300, #c4b5fd);
}
.ca-dna-brand-kit__logo-choice.is-selected{
  border-color:var(--ca-s-violet-600, #7c3aed);
  box-shadow:0 0 0 3px rgba(124,58,237,.14);
}
.ca-dna-brand-kit__logo-choice img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

/* ══════ Dashboard: one page-level scroll ══════
   Every dashboard page (Projects, Atlas Surfaces, Project DNA, admin) scrolls
   as a single document: the sidebar and the page header sit in normal flow
   instead of being pinned, independently scrolling regions, so the browser's
   own scrollbar on the right is the only one and the wheel scrolls the whole
   page from anywhere in the layout.

   Desktop only — below 1101px the sidebar is a fixed off-canvas drawer and
   has to keep its own scroll. The collapse control is position:fixed at the
   viewport base so it stays reachable while the page scrolls. */
@media (min-width:1101px){
  .ca-dashboard__sidebar,
  .ca-dashboard__sidebar--dna,
  body.ca-nav-collapsed .ca-dashboard__sidebar,
  body.ca-nav-collapsed .ca-dashboard__sidebar--dna,
  body.ca-nav-collapsed .ca-aproj-page .ca-dashboard__sidebar{
    position:static;
    align-self:stretch;
    height:auto;
    min-height:100vh;
    max-height:none;
    overflow:visible;
    /* Room for the fixed collapse control at the viewport base. */
    padding-bottom:52px;
  }
  /* Nav used to grow and fill the pinned rail; with page-level scroll that
     left a huge empty gap and shoved Uploaded Documents / other siblings
     toward the bottom of the page. Pack it to its content height instead. */
  .ca-dashboard__nav{
    flex:0 0 auto;
    min-height:0;
  }
  /* Keep the collapse toggle at the base of the viewport while the page
     scrolls as one document — sticky can't do that once the control is
     laid out at the end of a tall sidebar. */
  .ca-nav-collapse{
    position:fixed;
    left:0;
    bottom:0;
    width:var(--ca-sidebar-width, 260px);
    box-sizing:border-box;
    margin-top:0;
    padding:10px 12px 12px;
    border-top:1px solid var(--ca-s-slate-200, #e2e8f0);
    background:var(--ca-s-white, #ffffff);
    z-index:45;
  }
  body.ca-nav-collapsed .ca-nav-collapse{
    width:var(--ca-sidebar-width-collapsed, 74px);
    padding-left:12px;
    padding-right:12px;
  }
}
.ca-dashboard__topbar,
.ca-dashboard__topbar--dna,
.ca-dashboard__content--dna > .ca-dashboard__topbar--dna,
body.ca-dna-surfaces-panel-open .ca-dashboard__topbar--dna,
body.ca-dna-suggest-modal-open .ca-dashboard__topbar--dna{
  position:static;
}
/* Project DNA's co-pilot and surfaces panels are fixed overlays that have to
   scroll internally; suppress their scrollbar chrome so the page scrollbar is
   the only one visible. html/body are left alone deliberately. */
body:has(.ca-dashboard__content--dna) *{
  scrollbar-width:none;
  -ms-overflow-style:none;
}
body:has(.ca-dashboard__content--dna) *::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}

/* ── In-app help: Help button, drawer, tips, next-step banner, walkthrough ── */
/* Buttons and form controls don't inherit the theme font by default. */
.ca-help-btn,
.ca-help-tip,
.ca-help-popover,
.ca-help-drawer__close,
.ca-help-drawer__topic-title,
.ca-help-nextstep,
.ca-help-nextstep__dismiss,
.ca-help-tour__card,
.ca-help-tour__skip,
.ca-help-tour__mute,
.ca-help-tour__progress,
.ca-wizard-buildpath__legend,
.ca-wizard-buildpath__option,
.ca-profile__pref-toggle{
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}
.ca-help-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 12px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-slate-700, #334155);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:border-color .15s ease, color .15s ease;
}
.ca-help-btn:hover{
  border-color:var(--ca-s-violet-600, #7c3aed);
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-help-tip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  padding:0;
  margin-left:6px;
  border:none;
  border-radius:50%;
  background:transparent;
  color:var(--ca-t-slate-400, #94a3b8);
  cursor:pointer;
  vertical-align:middle;
  transition:color .15s ease;
}
.ca-help-tip:hover{
  color:var(--ca-t-violet-600, #7c3aed);
}
.ca-help-popover{
  position:absolute;
  z-index:10050;
  padding:14px 16px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  box-shadow:0 12px 32px rgba(15,23,42,.14);
}
.ca-help-popover__title{
  display:block;
  margin:0 0 6px;
  font-size:13px;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-help-popover__body{
  margin:0;
  font-size:13px;
  line-height:1.55;
  color:var(--ca-t-slate-600, #475569);
}
.ca-help-drawer{
  position:fixed;
  inset:0;
  /* Above Projects surfaces flyout (10100) and PM agent (10055). */
  z-index:10120;
  pointer-events:none;
}
.ca-help-drawer__backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.35);
  opacity:0;
  transition:opacity .2s ease;
}
.ca-help-drawer__panel{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:min(440px, 94vw);
  display:flex;
  flex-direction:column;
  background:var(--ca-s-white, #ffffff);
  box-shadow:-12px 0 32px rgba(15,23,42,.16);
  transform:translateX(100%);
  transition:transform .22s ease;
}
.ca-help-drawer.is-open{
  pointer-events:auto;
}
.ca-help-drawer.is-open .ca-help-drawer__backdrop{
  opacity:1;
}
.ca-help-drawer.is-open .ca-help-drawer__panel{
  transform:translateX(0);
}
.ca-help-drawer__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 20px;
  border-bottom:1px solid var(--ca-s-slate-200, #e2e8f0);
}
.ca-help-drawer__title{
  margin:0;
  font-size:17px;
}
.ca-help-drawer__close{
  border:none;
  background:transparent;
  color:var(--ca-t-slate-500, #64748b);
  cursor:pointer;
  padding:4px;
}
.ca-help-drawer__body{
  flex:1;
  overflow-y:auto;
  padding:18px 20px;
}
.ca-help-drawer__intro p{
  margin:0 0 12px;
  font-size:13px;
  line-height:1.6;
  color:var(--ca-t-slate-600, #475569);
}
.ca-help-drawer__tour-btn{
  width:100%;
  margin-bottom:16px;
  font-size:13px;
}
.ca-help-drawer__topic{
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:10px;
  margin-bottom:10px;
  padding:0 14px;
  background:var(--ca-s-white, #ffffff);
}
.ca-help-drawer__topic-title{
  padding:12px 0;
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-slate-900, #0f172a);
  cursor:pointer;
  list-style:none;
}
.ca-help-drawer__topic-title::-webkit-details-marker{
  display:none;
}
.ca-help-drawer__topic-title::after{
  content:"+";
  float:right;
  color:var(--ca-t-slate-400, #94a3b8);
}
.ca-help-drawer__topic[open] .ca-help-drawer__topic-title::after{
  content:"\2212";
}
.ca-help-drawer__topic-list{
  margin:0 0 14px;
  padding-left:18px;
  font-size:13px;
  line-height:1.6;
  color:var(--ca-t-slate-600, #475569);
}
.ca-help-drawer__topic-list li{
  margin-bottom:6px;
}
.ca-help-drawer__foot{
  padding:14px 20px;
  border-top:1px solid var(--ca-s-slate-200, #e2e8f0);
}
.ca-help-drawer__pref-link{
  font-size:13px;
  color:var(--ca-t-violet-600, #7c3aed);
  text-decoration:none;
}
.ca-help-drawer__pref-link:hover{
  text-decoration:underline;
}
.ca-help-drawer__chat{
  margin-top:18px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:12px;
  background:var(--ca-s-slate-50, #f8fafc);
  display:flex;
  flex-direction:column;
  min-height:280px;
  max-height:min(420px, 46vh);
  overflow:hidden;
}
.ca-help-drawer__chat-head{
  padding:12px 14px 8px;
  border-bottom:1px solid var(--ca-s-slate-200, #e2e8f0);
  background:var(--ca-s-white, #ffffff);
}
.ca-help-drawer__chat-title{
  margin:0;
  font-size:14px;
  font-weight:700;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-help-drawer__chat-sub{
  margin:4px 0 0;
  font-size:12px;
  line-height:1.45;
  color:var(--ca-t-slate-500, #64748b);
}
.ca-help-drawer__chat-messages{
  flex:1;
  min-height:140px;
  overflow:auto;
  padding:12px 14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ca-help-drawer__chat-empty{
  margin:auto 0;
  text-align:center;
  font-size:12px;
  line-height:1.5;
  color:var(--ca-t-slate-400, #94a3b8);
  padding:8px;
}
.ca-help-drawer__chat-empty[hidden]{ display:none !important; }
.ca-help-drawer__chat-turn{
  display:flex;
  flex-direction:column;
  gap:3px;
  max-width:94%;
}
.ca-help-drawer__chat-turn--user{ align-self:flex-end; align-items:flex-end; }
.ca-help-drawer__chat-turn--agent{ align-self:flex-start; align-items:flex-start; }
.ca-help-drawer__chat-meta{
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--ca-t-slate-400, #94a3b8);
}
.ca-help-drawer__chat-bubble{
  font-size:13px;
  line-height:1.5;
  padding:8px 11px;
  border-radius:12px;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.ca-help-drawer__chat-bubble--user{
  background:var(--ca-s-violet-700, #6d28d9);
  color:var(--ca-t-white, #ffffff);
  border-bottom-right-radius:4px;
}
.ca-help-drawer__chat-bubble--agent{
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-slate-800, #1e293b);
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-bottom-left-radius:4px;
}
.ca-help-drawer__chat-note{
  align-self:center;
  font-size:11px;
  color:var(--ca-t-slate-400, #94a3b8);
}
.ca-help-drawer__chat-form{
  display:flex;
  gap:8px;
  padding:10px 12px;
  border-top:1px solid var(--ca-s-slate-200, #e2e8f0);
  background:var(--ca-s-white, #ffffff);
}
.ca-help-drawer__chat-input{
  flex:1;
  min-width:0;
  resize:none;
  border:1px solid var(--ca-s-xd7deea, #d7deea);
  border-radius:9px;
  padding:8px 10px;
  font-size:13px;
  color:var(--ca-t-slate-800, #1e293b);
  font-family:inherit;
}
.ca-help-drawer__chat-send{
  border:0;
  min-height:40px;
  padding:0 14px;
  font-size:13px;
}
.ca-help-drawer__chat-send:disabled{ opacity:.6; cursor:default; }
.ca-help-nextstep{
  display:flex;
  align-items:center;
  gap:14px;
  margin:16px 24px 0;
  padding:12px 16px;
  border:1px solid var(--ca-s-violet-200, #ddd6fe);
  border-radius:10px;
  background:var(--ca-s-violet-50, #f5f3ff);
}
.ca-help-nextstep__text{
  flex:1;
  font-size:13px;
  line-height:1.5;
  color:var(--ca-t-indigo-800, #3730a3);
}
.ca-help-nextstep__text strong{
  color:var(--ca-t-indigo-900, #312e81);
}
.ca-help-nextstep__cta{
  white-space:nowrap;
  font-size:13px;
}
.ca-help-nextstep__dismiss{
  border:none;
  background:transparent;
  color:var(--ca-t-indigo-400, #818cf8);
  font-size:18px;
  line-height:1;
  cursor:pointer;
  padding:2px 6px;
}
.ca-help-tour{
  position:fixed;
  inset:0;
  /* Above GTM DNA Co-Pilot / Surfaces flyouts (10100) so walkthroughs work
     when those panels auto-open on new-project landings. */
  z-index:10130;
}
.ca-help-tour__spotlight{
  position:fixed;
  border-radius:10px;
  box-shadow:0 0 0 9999px rgba(15,23,42,.55);
  pointer-events:none;
  transition:left .2s ease, top .2s ease, width .2s ease, height .2s ease;
}
.ca-help-tour__card{
  position:fixed;
  width:min(380px, 92vw);
  padding:20px 22px;
  border-radius:12px;
  background:var(--ca-s-white, #ffffff);
  box-shadow:0 18px 48px rgba(15,23,42,.28);
}
.ca-help-tour__card.is-centered{
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%);
  box-shadow:0 0 0 9999px rgba(15,23,42,.55), 0 18px 48px rgba(15,23,42,.28);
}
.ca-help-tour__progress{
  font-size:11px;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--ca-t-violet-600, #7c3aed);
  margin-bottom:6px;
}
.ca-help-tour__title{
  margin:0 0 8px;
  font-size:16px;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-help-tour__body{
  margin:0 0 16px;
  font-size:13px;
  line-height:1.6;
  color:var(--ca-t-slate-600, #475569);
}
.ca-help-tour__actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.ca-help-tour__nav{
  display:flex;
  gap:8px;
}
.ca-help-tour__skip{
  border:none;
  background:transparent;
  color:var(--ca-t-slate-500, #64748b);
  font-size:13px;
  cursor:pointer;
  padding:6px 0;
}
.ca-help-tour__skip:hover{
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-help-tour__mute{
  display:block;
  margin-top:12px;
  border:none;
  background:transparent;
  color:var(--ca-t-slate-400, #94a3b8);
  font-size:11px;
  cursor:pointer;
  padding:0;
  text-decoration:underline;
}
.ca-wizard-buildpath{
  margin:0 0 16px;
  padding:14px 16px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:10px;
}
.ca-wizard-buildpath__legend{
  font-size:14px;
  font-weight:600;
  color:var(--ca-t-slate-900, #0f172a);
  padding:0 4px;
}
.ca-wizard-buildpath__option{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 12px;
  margin-top:8px;
  border:1px solid var(--ca-s-slate-200, #e2e8f0);
  border-radius:8px;
  cursor:pointer;
  transition:border-color .15s ease, background .15s ease;
}
.ca-wizard-buildpath__option:hover{
  border-color:var(--ca-s-violet-300, #c4b5fd);
}
.ca-wizard-buildpath__option:has(input:checked){
  border-color:var(--ca-s-violet-600, #7c3aed);
  background:var(--ca-s-violet-50, #f5f3ff);
}
.ca-wizard-buildpath__option input{
  margin-top:3px;
}
.ca-wizard-buildpath__text{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.ca-wizard-buildpath__text strong{
  font-size:13px;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-wizard-buildpath__text small{
  font-size:12px;
  line-height:1.5;
  color:var(--ca-t-slate-500, #64748b);
}
.ca-profile__prefs{
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid var(--ca-s-slate-200, #e2e8f0);
}
.ca-profile__prefs-title{
  display:flex;
  align-items:center;
  margin:0 0 10px;
  font-size:15px;
}
.ca-profile__pref-toggle{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  color:var(--ca-t-slate-900, #0f172a);
  cursor:pointer;
}
.ca-profile__pref-hint{
  margin:8px 0 0;
  font-size:12px;
  line-height:1.5;
  color:var(--ca-t-slate-500, #64748b);
}
@media (max-width: 640px){
  .ca-help-btn__label{
    display:none;
  }
  .ca-help-nextstep{
    flex-wrap:wrap;
    margin:12px 12px 0;
  }
}

/* ===== Project Management Agent push panel ===== */
:root{
  --ca-pm-agent-panel-width:480px;
  --ca-pm-agent-panel-max-width:640px;
}
.ca-pm-agent-launcher{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:99980;
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--ca-s-violet-700, #6d28d9);
  color:var(--ca-t-white, #ffffff);
  border:0;
  border-radius:999px;
  padding:11px 18px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(109,40,217,.35);
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.ca-pm-agent-launcher:hover{ background:var(--ca-s-violet-800, #5b21b6); }
body.ca-pm-agent-panel-open .ca-pm-agent-launcher{ display:none; }
.ca-pm-agent-panel{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  width:var(--ca-pm-agent-panel-width);
  max-width:var(--ca-pm-agent-panel-max-width);
  z-index:10055;
  pointer-events:none;
  overflow:visible;
  box-sizing:border-box;
}
.ca-pm-agent-panel[hidden]{ display:none !important; }
.ca-pm-agent-panel__dialog{
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:1;
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  max-width:100%;
  height:100vh;
  height:100dvh;
  max-height:100dvh;
  overflow:hidden;
  background:var(--ca-s-white, #ffffff);
  border-left:1px solid var(--ca-s-gray-200, #e5e7eb);
  box-shadow:-8px 0 30px rgba(15,23,42,.08);
  padding:0 0 0 14px;
  box-sizing:border-box;
  font-family:"Albert Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  pointer-events:auto;
  transform:translateX(100%);
  transition:transform .28s cubic-bezier(.22,.61,.36,1);
}
.ca-pm-agent-panel.is-open .ca-pm-agent-panel__dialog{ transform:translateX(0); }
.ca-pm-agent-panel.is-resizing .ca-pm-agent-panel__dialog{ transition:none; }
.ca-pm-agent-panel__resize{
  position:absolute;
  top:0;
  left:0;
  width:14px;
  height:100%;
  cursor:ew-resize;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
  touch-action:none;
}
.ca-pm-agent-panel__resize:hover .ca-pm-agent-panel__resize-grip,
.ca-pm-agent-panel.is-resizing .ca-pm-agent-panel__resize-grip{ background:var(--ca-s-violet-600, #7c3aed); }
.ca-pm-agent-panel__resize-grip{
  width:4px;
  height:46px;
  border-radius:999px;
  background:var(--ca-s-slate-300, #cbd5e1);
  transition:background .15s;
}
html.ca-pm-agent-panel-open,
body.ca-pm-agent-panel-open{
  overflow-x:hidden;
  width:100%;
  max-width:100%;
}
body.ca-pm-agent-panel-open .ca-layout--dashboard{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  box-sizing:border-box;
}
body.ca-pm-agent-panel-open .ca-dashboard{
  width:100%;
  max-width:100%;
  padding-right:var(--ca-pm-agent-panel-width);
  margin-right:0;
  box-sizing:border-box;
  overflow-x:hidden;
  grid-template-columns:var(--ca-sidebar-width) minmax(0, 1fr);
  transition:padding-right .28s cubic-bezier(.22,.61,.36,1);
}
.ca-pm-agent-copilot{
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:0;
  background:var(--ca-s-white, #ffffff);
}
.ca-pm-agent-copilot__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:16px 16px 12px;
  border-bottom:1px solid var(--ca-s-xeef2f7, #eef2f7);
  background:var(--ca-s-zinc-50, #fafafa);
}
.ca-pm-agent-copilot__header-main{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}
.ca-pm-agent-copilot__icon img{
  display:block;
  border-radius:8px;
}
.ca-pm-agent-copilot__title{
  margin:0;
  font-size:15px;
  font-weight:700;
  color:var(--ca-t-slate-900, #0f172a);
}
.ca-pm-agent-copilot__subtitle{
  margin:2px 0 0;
  font-size:12px;
  line-height:1.4;
  color:var(--ca-t-slate-500, #64748b);
}
.ca-pm-agent-copilot__close{
  background:none;
  border:0;
  cursor:pointer;
  color:var(--ca-t-slate-500, #64748b);
  font-size:22px;
  line-height:1;
  padding:2px 6px;
}
.ca-pm-agent-copilot__close:hover{ color:var(--ca-t-slate-900, #0f172a); }
.ca-pm-agent-copilot__toolbar{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border-bottom:1px solid var(--ca-s-xeef2f7, #eef2f7);
}
.ca-pm-agent-copilot__scope-label{
  font-size:12px;
  color:var(--ca-t-slate-500, #64748b);
  white-space:nowrap;
}
.ca-pm-agent-copilot__scope{
  flex:1;
  min-width:0;
  border:1px solid var(--ca-s-xd7deea, #d7deea);
  border-radius:8px;
  padding:6px 8px;
  font-size:12px;
  color:var(--ca-t-slate-700, #334155);
  background:var(--ca-s-white, #ffffff);
  font-family:inherit;
}
.ca-pm-agent-copilot__messages{
  flex:1;
  min-height:0;
  overflow:auto;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
  background:var(--ca-s-white, #ffffff);
}
.ca-pm-agent-copilot__empty{
  margin:auto 0;
  text-align:center;
  font-size:13px;
  line-height:1.55;
  color:var(--ca-t-slate-400, #94a3b8);
  padding:0 12px;
}
.ca-pm-agent-copilot__empty[hidden]{ display:none !important; }
.ca-pm-agent-copilot__turn{
  display:flex;
  flex-direction:column;
  gap:4px;
  max-width:92%;
}
.ca-pm-agent-copilot__turn--user{ align-self:flex-end; align-items:flex-end; }
.ca-pm-agent-copilot__turn--agent{ align-self:flex-start; align-items:flex-start; }
.ca-pm-agent-copilot__meta{
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--ca-t-slate-400, #94a3b8);
}
.ca-pm-agent-copilot__bubble{
  font-size:13px;
  line-height:1.5;
  padding:10px 12px;
  border-radius:12px;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
.ca-pm-agent-copilot__bubble--user{
  background:var(--ca-s-violet-700, #6d28d9);
  color:var(--ca-t-white, #ffffff);
  border-bottom-right-radius:4px;
}
.ca-pm-agent-copilot__bubble--agent{
  background:var(--ca-s-slate-100, #f1f5f9);
  color:var(--ca-t-slate-800, #1e293b);
  border-bottom-left-radius:4px;
}
.ca-pm-agent-copilot__note{
  align-self:center;
  font-size:11px;
  color:var(--ca-t-slate-400, #94a3b8);
}
.ca-pm-agent-copilot__composer{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:12px;
  border-top:1px solid var(--ca-s-xeef2f7, #eef2f7);
  background:var(--ca-s-zinc-50, #fafafa);
}
.ca-pm-agent-copilot__tools{
  display:flex;
  align-items:center;
  gap:6px;
  width:100%;
}
.ca-pm-agent-copilot__tool{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border:1px solid var(--ca-s-xd7deea, #d7deea);
  border-radius:8px;
  background:var(--ca-s-white, #ffffff);
  color:var(--ca-t-slate-600, #475569);
  cursor:pointer;
}
.ca-pm-agent-copilot__tool:hover{ border-color:var(--ca-s-violet-400, #a78bfa); color:var(--ca-t-violet-700, #6d28d9); }
.ca-pm-agent-copilot__tool.is-recording{
  background:var(--ca-s-red-100, #fee2e2);
  border-color:var(--ca-s-red-400, #f87171);
  color:var(--ca-t-red-700, #b91c1c);
}
.ca-pm-agent-copilot__attach-label{
  font-size:12px;
  color:var(--ca-t-slate-500, #64748b);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ca-pm-agent-copilot__preview{
  position:relative;
  width:100%;
  border:1px solid var(--ca-s-gray-200, #e5e7eb);
  border-radius:10px;
  background:var(--ca-s-white, #ffffff);
  padding:8px;
}
.ca-pm-agent-copilot__preview-img{
  display:block;
  max-width:100%;
  max-height:140px;
  margin:0 auto;
  border-radius:6px;
  object-fit:contain;
}
.ca-pm-agent-copilot__preview-clear{
  position:absolute;
  top:6px;
  right:6px;
  width:24px;
  height:24px;
  border:none;
  border-radius:6px;
  background:rgba(15,23,42,.72);
  color:var(--ca-t-white, #ffffff);
  font-size:16px;
  line-height:1;
  cursor:pointer;
}
.ca-pm-agent-copilot__chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  width:100%;
}
.ca-pm-agent-copilot__chip{
  border:1px solid var(--ca-s-violet-200, #ddd6fe);
  background:var(--ca-s-violet-50, #f5f3ff);
  color:var(--ca-t-violet-800, #5b21b6);
  font-family:inherit;
  font-size:12px;
  font-weight:600;
  border-radius:999px;
  padding:6px 10px;
  cursor:pointer;
}
.ca-pm-agent-copilot__chip:hover{
  border-color:var(--ca-s-violet-400, #a78bfa);
  background:var(--ca-s-violet-100, #ede9fe);
}
.ca-pm-agent-copilot__input{
  flex:1;
  min-width:0;
  resize:none;
  border:1px solid var(--ca-s-xd7deea, #d7deea);
  border-radius:10px;
  padding:10px 12px;
  font-size:13px;
  color:var(--ca-t-slate-800, #1e293b);
  font-family:inherit;
  background:var(--ca-s-white, #ffffff);
}
.ca-pm-agent-copilot__send{
  border:0;
  background:var(--ca-s-violet-700, #6d28d9);
  color:var(--ca-t-white, #ffffff);
  font-size:13px;
  font-weight:600;
  border-radius:10px;
  padding:0 16px;
  cursor:pointer;
  font-family:inherit;
  min-height:42px;
}
.ca-pm-agent-copilot__send:disabled{ opacity:.6; cursor:default; }
@media (max-width:720px){
  body.ca-pm-agent-panel-open .ca-dashboard{
    padding-right:0;
  }
}
/* Hide legacy floating project chat when present alongside the push panel */
body:has(#caPmAgentPanel) .ca-projchat-launcher,
body:has(#caPmAgentPanel) .ca-projchat{ display:none !important; }

/* Dark mode toggle row inside the profile dropdown */
.ca-profile-menu__theme{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.ca-profile-menu__theme-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.ca-profile-menu__theme-icon{
  color:var(--ca-t-gray-500, #6b7280);
  flex:none;
}
.ca-theme-switch{
  position:relative;
  display:inline-block;
  flex:none;
  width:36px;
  height:20px;
  border-radius:999px;
  background:var(--ca-s-gray-300, #d1d5db);
  transition:background .15s ease;
}
.ca-theme-switch__thumb{
  position:absolute;
  top:2px;
  left:2px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--ca-t-white, #ffffff);
  box-shadow:0 1px 2px rgba(0,0,0,.25);
  transition:transform .15s ease;
}
.ca-theme-switch[aria-checked="true"]{
  background:var(--ca-s-violet-600, #7c3aed);
}
.ca-theme-switch[aria-checked="true"] .ca-theme-switch__thumb{
  transform:translateX(16px);
}