/* Affiliate Centre uses the customer Garage design language. Portal scope keeps
   login/application forms and their separate layouts unchanged. */
/* The full-width banner uses viewport units, which include desktop scrollbars.
   Clip its small overhang; tables and mobile navigation retain their own scroll. */
body:has(.cgc-affiliate[data-mode="portal"]) {overflow-x:clip}
.cgc-affiliate[data-mode="portal"] {
  --aff-ink:#27232b;--aff-purple:#5a3a6d;--aff-border:#e4dedb;
  --aff-muted:#615b63;--aff-surface:#fffefa;--aff-purple-dark:#432b52;
  --aff-space-sm:12px;--aff-space-md:18px;--aff-space-lg:28px;
  box-sizing:border-box;width:100%;max-width:var(--global-content-width,1290px);
  margin:0 auto;padding:0 var(--global-content-edge-padding,20px) 72px;
  font:600 16px/1.5 Nunito,"Open Sans",Arial,sans-serif;color:var(--aff-ink);
}
.cgc-affiliate[data-mode="portal"] :is(h1,h2,h3) {font-family:Nunito,"Open Sans",Arial,sans-serif;font-weight:700;letter-spacing:0;color:var(--aff-purple)}
.cgc-affiliate[data-mode="portal"] h2 {margin:0 0 18px;font-size:1.75rem;line-height:1.16}
.cgc-affiliate[data-mode="portal"] h3 {margin:0 0 12px;font-size:1.38rem;line-height:1.2}
.cgc-affiliate[data-mode="portal"] p {margin:0 0 18px;overflow-wrap:anywhere}
.cgc-affiliate[data-mode="portal"] a {font-weight:700;text-underline-offset:3px;text-decoration-color:rgba(90,58,109,.45)}
.cgc-affiliate[data-mode="portal"] :focus-visible {outline:3px solid rgba(90,58,109,.38);outline-offset:3px}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__head {
  width:100vw;margin:0 calc(50% - 50vw);padding:30px max(54px,calc((100vw - var(--global-content-width,1290px))/2 + var(--global-content-edge-padding,20px) + 34px));
  gap:28px;align-items:center;border:1px solid var(--aff-purple-dark);border-width:0 0 1px;
  border-radius:0;background:var(--aff-purple);color:var(--aff-surface);
}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__head>div {min-width:0}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__head h1 {margin:0 0 10px;color:var(--aff-surface);font-size:2.2rem;line-height:1.08}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__head p {margin:0;color:var(--aff-surface)}
.cgc-affiliate[data-mode="portal"] button {min-height:50px;padding:11px 20px;border-radius:8px;font:700 1rem/1.5 Nunito,"Open Sans",Arial,sans-serif;white-space:normal}
.cgc-affiliate[data-mode="portal"] button:hover {background:var(--aff-purple-dark);border-color:var(--aff-purple-dark)}
.cgc-affiliate[data-mode="portal"] button:disabled {opacity:.6;cursor:not-allowed}
.cgc-affiliate[data-mode="portal"] button.is-secondary {background:var(--aff-surface);color:var(--aff-purple)}
.cgc-affiliate[data-mode="portal"] button.is-secondary:hover {background:#f2fbdd;color:var(--aff-purple-dark)}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__head>button {flex-shrink:0;min-height:44px;padding:9px 16px;border-color:rgba(255,254,250,.72);color:var(--aff-purple-dark)}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__shell {grid-template-columns:236px minmax(0,1fr);gap:28px;align-items:start;margin-top:28px}
.cgc-affiliate[data-mode="portal"] nav {position:sticky;top:24px;display:grid;gap:3px;min-width:0;padding:18px 14px;border:1px solid var(--aff-border);border-radius:8px;background:var(--aff-surface);box-shadow:0 16px 28px -26px rgba(32,22,38,.45)}
.cgc-affiliate[data-mode="portal"] nav button {min-width:0;min-height:42px;padding:9px 10px;border-color:transparent;border-radius:6px;background:transparent;color:var(--aff-purple);font-size:.92rem;line-height:1.25;text-align:left}
.cgc-affiliate[data-mode="portal"] nav button:hover,
.cgc-affiliate[data-mode="portal"] nav button[aria-current="page"] {border-color:transparent;background:#f2fbdd;color:var(--aff-purple-dark)}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__workspace>[data-panel] {min-width:0;padding:28px;border:1px solid var(--aff-border);border-radius:8px;background:var(--aff-surface);box-shadow:0 16px 28px -28px rgba(32,22,38,.45)}
.cgc-affiliate[data-mode="portal"] label {display:grid;gap:7px;min-width:0;margin-bottom:18px;font-size:.9rem;font-weight:700;line-height:1.3}
.cgc-affiliate[data-mode="portal"] :is(input,select,textarea) {width:100%;min-width:0;min-height:52px;margin-top:0;padding:10px 14px;border:1px solid #d7d0cc;border-radius:8px;background:var(--aff-surface);color:var(--aff-ink);font:700 1rem/1.3 Nunito,"Open Sans",Arial,sans-serif;box-shadow:none}
.cgc-affiliate[data-mode="portal"] :is(input,select,textarea):focus {border-color:var(--aff-purple);outline:3px solid rgba(90,58,109,.15);outline-offset:1px}
.cgc-affiliate[data-mode="portal"] input[type="checkbox"] {width:20px;min-height:20px;padding:0;margin:4px 0 0}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__check {display:flex;gap:12px;font-weight:600}
.cgc-affiliate[data-mode="portal"] textarea {resize:vertical}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__profile-grid {gap:0 18px}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__filters {gap:18px;margin-bottom:18px}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__filters label {margin:0;min-width:min(150px,100%)}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__totals {gap:18px;padding:18px;margin:18px 0;border-radius:8px;background:#f2fbdd}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__totals dt {color:var(--aff-muted);font-size:.9rem}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__totals dd {margin:4px 0 0;color:var(--aff-purple);font-size:1.62rem;line-height:1.1;overflow-wrap:anywhere}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__table {margin:18px 0;border-radius:8px;overscroll-behavior-x:contain}
.cgc-affiliate[data-mode="portal"] table {font:600 .9rem/1.5 Nunito,"Open Sans",Arial,sans-serif}
.cgc-affiliate[data-mode="portal"] :is(th,td) {padding:12px 14px;overflow-wrap:anywhere}
.cgc-affiliate[data-mode="portal"] th {background:#f3edf7;color:var(--aff-purple);font-weight:700}
.cgc-affiliate[data-mode="portal"] tbody tr:last-child td {border-bottom:0}
.cgc-affiliate[data-mode="portal"] fieldset {min-width:0;margin:18px 0;padding:18px;border-radius:8px}
.cgc-affiliate[data-mode="portal"] legend {padding:0 7px;font-weight:700;color:var(--aff-purple)}
.cgc-affiliate[data-mode="portal"] [data-message]:not(:empty) {margin:18px 0;padding:18px;border-radius:8px}
.cgc-affiliate[data-mode="portal"] [data-message]:empty {display:none}
/* A shared flow gives every account section the same breathing room, including
   asynchronous status/list content that has no default paragraph margins. */
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__workspace>[data-panel] {display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:36px}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__workspace>[data-panel]>:not([hidden]) {margin:0}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__workspace>[data-panel]>h3 {margin-top:12px}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__workspace form:not(.cgc-affiliate__filters) {display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__workspace form>:not([hidden]) {margin:0}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__workspace label {gap:10px;margin-bottom:0}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__profile-grid {gap:28px 24px}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__workspace fieldset {display:grid;gap:24px;padding:24px}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__workspace :is(form,[data-panel])>button {justify-self:start;max-width:100%}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__filters {gap:24px}
.cgc-affiliate[data-mode="portal"] .cgc-affiliate__totals {gap:24px;padding:24px}
.cgc-affiliate[data-mode="portal"] :is([data-tracking-status],[data-tracking-list],[data-range],[data-history-range],[data-profile],[data-brand-status]):empty {display:none}
.cgc-affiliate[data-mode="portal"] [data-tracking-list]>section {padding:24px 0}
.cgc-affiliate[data-mode="portal"] [data-tracking-list]>section:first-child {padding-top:0}
.cgc-affiliate[data-mode="portal"] [data-tracking-list] button {margin:8px 16px 8px 0}
@media(max-width:980px) {
  .cgc-affiliate[data-mode="portal"] .cgc-affiliate__shell {grid-template-columns:minmax(0,1fr);gap:18px}
  .cgc-affiliate[data-mode="portal"] nav {position:static;grid-template-columns:repeat(3,minmax(0,1fr));padding:12px}
}
@media(max-width:700px) {
  .cgc-affiliate[data-mode="portal"] {padding:0 16px 52px}
  .cgc-affiliate[data-mode="portal"] .cgc-affiliate__head {align-items:flex-start;flex-direction:column;gap:12px;padding:20px 16px}
  .cgc-affiliate[data-mode="portal"] .cgc-affiliate__head h1 {font-size:1.55rem}
  .cgc-affiliate[data-mode="portal"] h2 {font-size:1.5rem}
  .cgc-affiliate[data-mode="portal"] nav {display:flex;flex-direction:row;gap:8px;max-width:100%;padding:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
  .cgc-affiliate[data-mode="portal"] nav button {flex:0 0 auto;min-height:44px;padding:0 14px;white-space:nowrap;scroll-snap-align:start}
  .cgc-affiliate[data-mode="portal"] .cgc-affiliate__workspace>[data-panel] {padding:24px 20px;gap:24px}
  .cgc-affiliate[data-mode="portal"] .cgc-affiliate__workspace form:not(.cgc-affiliate__filters) {gap:24px}
  .cgc-affiliate[data-mode="portal"] .cgc-affiliate__workspace fieldset {padding:20px 16px}
  .cgc-affiliate[data-mode="portal"] .cgc-affiliate__profile-grid {grid-template-columns:minmax(0,1fr)}
  .cgc-affiliate[data-mode="portal"] .cgc-affiliate__totals {grid-template-columns:minmax(0,1fr)}
  .cgc-affiliate[data-mode="portal"] .cgc-affiliate__filters>button {width:100%}
}