.cfl-extension-builder,
.cfl-extension-active-callout,
.cfl-extension-history-250 {
  border: 1px solid var(--cfl-border, #d8e1ec);
  border-radius: 14px;
  background: var(--cfl-surface, #fff);
  color: var(--cfl-text, #132238);
  padding: 20px;
  margin: 18px 0;
  min-width: 0;
}

.cfl-extension-builder-head,
.cfl-extension-active-callout > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}

.cfl-extension-builder-head h4,
.cfl-extension-history-250 h4 {
  margin: 2px 0 4px;
  font-size: 1.2rem;
}

.cfl-extension-builder-head p,
.cfl-extension-active-callout p {
  margin: 4px 0;
}

.cfl-extension-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 16px 0;
}

.cfl-extension-builder label {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.cfl-extension-builder label > span {
  font-weight: 700;
}

.cfl-extension-builder small,
.cfl-extension-builder .cfl-muted,
.cfl-extension-history-250 .cfl-muted {
  color: var(--cfl-text-muted, #64748b);
  font-weight: 400;
}

.cfl-extension-builder input,
.cfl-extension-builder select,
.cfl-extension-builder textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.cfl-extension-builder textarea {
  min-height: 96px;
  resize: vertical;
}

.cfl-extension-payment-methods {
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid var(--cfl-border, #d8e1ec);
  border-radius: 12px;
  margin: 16px 0;
  min-width: 0;
}

.cfl-extension-payment-methods legend {
  font-weight: 800;
  padding: 0 6px;
}

.cfl-extension-method-option {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: flex-start;
  gap: 10px !important;
  padding: 12px 13px;
  border: 1px solid var(--cfl-border, #d8e1ec);
  border-radius: 10px;
  background: var(--cfl-surface-alt, #f8fafc);
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.cfl-extension-method-option:hover,
.cfl-extension-method-option:focus-within {
  border-color: var(--cfl-primary, #f05a1a);
}

.cfl-extension-method-option.is-active {
  border-color: var(--cfl-primary, #f05a1a);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--cfl-primary, #f05a1a) 16%, transparent);
}

.cfl-extension-method-option input {
  width: auto;
  min-width: 18px;
  min-height: 18px;
  margin-top: 3px;
}

.cfl-extension-method-option > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.cfl-extension-method-panel {
  padding: 14px 15px 15px 22px;
  border-left: 3px solid var(--cfl-primary, #f05a1a);
  margin: -3px 0 5px 10px;
  min-width: 0;
}

.cfl-extension-method-panel[hidden] {
  display: none !important;
}

.cfl-money-field {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  border: 1px solid var(--cfl-border, #cbd5e1);
  border-radius: 8px;
  background: var(--cfl-surface, #fff);
  overflow: hidden;
}

.cfl-money-field > span {
  padding: 0 0 0 12px;
  color: var(--cfl-text-muted, #64748b);
  font-weight: 800;
}

.cfl-money-field input {
  border: 0 !important;
  box-shadow: none !important;
  min-height: 44px;
}

.cfl-extension-builder .cfl-confirm {
  display: flex;
  grid-template-columns: none;
  align-items: flex-start;
  gap: 10px;
  padding: 11px 0;
}

.cfl-extension-builder .cfl-confirm input {
  width: auto;
  min-width: 19px;
  min-height: 19px;
  margin-top: 2px;
}

.cfl-extension-active-callout {
  display: grid;
  gap: 9px;
  border-color: color-mix(in srgb, var(--cfl-primary, #f05a1a) 35%, var(--cfl-border, #d8e1ec));
}

.cfl-extension-active-callout > div:first-child {
  display: grid;
  margin: 0;
}

.cfl-extension-active-callout > div:first-child > span {
  color: var(--cfl-text-muted, #64748b);
}

.cfl-extension-active-callout .cfl-workspace-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.cfl-extension-active-callout .cfl-workspace-actions form {
  margin: 0;
}

.cfl-extension-history-250 {
  display: grid;
  gap: 10px;
}

.cfl-extension-history-250 article {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
  padding: 13px 14px;
  border: 1px solid var(--cfl-border, #d8e1ec);
  border-radius: 10px;
  background: var(--cfl-surface-alt, #f8fafc);
}

.cfl-extension-history-250 article > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.cfl-extension-history-250 article > div:nth-child(2) {
  justify-items: end;
}

.cfl-extension-history-250 article p {
  flex-basis: 100%;
  margin: 4px 0 0;
}

.cfl-extension-settings-250 .cfl-settings-grid + .cfl-settings-grid {
  margin-top: 16px;
}

.cfl-extension-settings-250 > .cfl-btn {
  margin-top: 18px;
}

.cfl-theme-dark .cfl-extension-builder,
.cfl-theme-dark .cfl-extension-active-callout,
.cfl-theme-dark .cfl-extension-history-250 {
  background: var(--cfl-surface, #20344d);
  color: var(--cfl-text, #fff);
}

.cfl-theme-dark .cfl-extension-method-option,
.cfl-theme-dark .cfl-extension-history-250 article {
  background: var(--cfl-surface-alt, #263e5a);
  color: var(--cfl-text, #fff);
}

.cfl-theme-dark .cfl-money-field {
  background: var(--cfl-surface-alt, #263e5a);
}

@media (max-width: 760px) {
  .cfl-extension-builder,
  .cfl-extension-active-callout,
  .cfl-extension-history-250 {
    padding: 15px;
    margin: 14px 0;
  }

  .cfl-extension-builder-head,
  .cfl-extension-form-grid {
    grid-template-columns: 1fr;
  }

  .cfl-extension-builder-head {
    display: grid;
    gap: 10px;
  }

  .cfl-extension-form-grid {
    gap: 12px;
  }

  .cfl-extension-payment-methods {
    padding: 12px;
  }

  .cfl-extension-method-option {
    padding: 12px 10px;
  }

  .cfl-extension-method-panel {
    padding: 12px 0 8px 12px;
    margin-left: 0;
  }

  .cfl-extension-history-250 article {
    display: grid;
  }

  .cfl-extension-history-250 article > div:nth-child(2) {
    justify-items: start;
  }

  .cfl-extension-builder .cfl-btn,
  .cfl-extension-active-callout .cfl-workspace-actions,
  .cfl-extension-active-callout .cfl-workspace-actions > *,
  .cfl-extension-active-callout .cfl-workspace-actions .cfl-btn {
    width: 100%;
  }

  .cfl-extension-builder .cfl-btn,
  .cfl-extension-active-callout .cfl-workspace-actions .cfl-btn {
    justify-content: center;
    min-height: 44px;
  }
}

/* 2.6.1 — keep extension payment titles, helper copy, and history legible. */
.cfl-extension-method-option{align-items:flex-start!important;gap:11px!important}.cfl-extension-method-option>input{flex:0 0 auto;margin-top:4px!important}.cfl-extension-method-option>span{display:grid!important;min-width:0;gap:4px!important;margin:0!important}.cfl-extension-method-option>span>strong,.cfl-extension-method-option>span>small{display:block!important;margin:0!important}.cfl-extension-method-option>span>strong{line-height:1.3}.cfl-extension-method-option>span>small{color:var(--cfl-muted,#64748b);font-weight:500;line-height:1.45}.cfl-extension-history-250{display:grid;gap:10px}.cfl-extension-history-250>h4{margin:0 0 2px}.cfl-extension-history-250 article{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:start!important}.cfl-extension-history-title{display:grid;gap:3px}.cfl-extension-history-title>strong{font-size:15px}.cfl-extension-history-title>small{color:var(--cfl-muted,#64748b)}.cfl-extension-history-meta{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;grid-column:1/-1}.cfl-extension-history-meta>div{display:grid;gap:2px;padding:9px 10px;border:1px solid var(--cfl-border,#d8e1eb);border-radius:8px;background:var(--cfl-surface-2,#f8fafc)}.cfl-extension-history-meta small{font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:var(--cfl-muted,#64748b)}.cfl-extension-history-meta strong{overflow-wrap:anywhere}.cfl-extension-history-note{grid-column:1/-1;margin:0!important;padding:9px 10px;border-radius:8px;background:var(--cfl-surface-2,#f8fafc)}
@media(max-width:650px){.cfl-extension-history-250 article{grid-template-columns:1fr!important}.cfl-extension-history-meta{grid-template-columns:1fr}.cfl-extension-history-status{justify-self:start!important}}
/* Staff responsibility controls keep touch targets and recovery readable on narrow portals. */
[data-cfl-extension-staff-handoff] [hidden]{display:none!important}
[data-cfl-extension-staff-handoff] [data-handoff-form]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:12px}
[data-cfl-extension-staff-handoff] label{grid-column:1/-1;font-weight:600}
[data-cfl-extension-staff-handoff] :is(input,select){width:100%;min-width:0;min-height:44px;font:inherit;padding:8px}
[data-cfl-extension-staff-handoff] button{min-height:44px;white-space:normal}
[data-cfl-extension-staff-handoff] [data-handoff-recovery]{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
[data-cfl-extension-staff-handoff] [role=status]{margin-top:8px;overflow-wrap:anywhere}
[data-cfl-extension-staff-handoff] :focus-visible{outline:3px solid var(--cfl-v2-primary,#235fb5);outline-offset:3px}
@media(max-width:600px){[data-cfl-extension-staff-handoff] [data-handoff-form]{grid-template-columns:minmax(0,1fr)}}