/* Candidate only. Enqueue after native styles on the exact Kate test clone.
 * Add afg-kate-branded to body only there; do not reuse the component's variables.
 * Font files are already in afg-portal-refresh/assets; install beside them.
 * Embedded resources (including scripts), their descendants, and forms are
 * excluded from the native-content rules. Authentication is never hidden.
 */
@font-face{font-family:AFGKateBrand;src:url('montserrat-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:AFGKateBrand;src:url('montserrat-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
body.afg-kate-branded{--ak-paper:#f5f3ee;--ak-ink:#111111;--ak-bronze:#9e794d;--ak-gold:#d3b48a;--ak-muted:#6c6861;--ak-line:#dedbd4;--ak-surface:#fffefa;--ak-font:AFGKateBrand,Montserrat,Arial,sans-serif;background:var(--ak-paper)}
body.afg-kate-branded #wrapper,body.afg-kate-branded #main{background:var(--ak-paper)}
body.afg-kate-branded .main-page-layout>.main-content>.col-inner{background:var(--ak-paper)}
/* Keep Kate's sidebar widths, positioning, breakpoint behavior and links. */
body.afg-kate-branded .main-page-layout>.nav-menu-left>.col-inner{background:var(--ak-ink)!important;color:#ded8cf;border-right:1px solid #39342f}
body.afg-kate-branded .nav-menu-left .menu-link{font:400 14px/1.5 var(--ak-font);color:#ded8cf;border-radius:4px}
body.afg-kate-branded .nav-menu-left .menu-link :is(a,p){font:inherit;color:inherit}
body.afg-kate-branded .nav-menu-left .menu-link:hover,body.afg-kate-branded .nav-menu-left .menu-link:focus-within{background:#ffffff0c;color:#edd0a9}
body.afg-kate-branded .nav-menu-left .text:has(>.uppercase),body.afg-kate-branded .nav-menu-left .text>.uppercase,body.afg-kate-branded .nav-menu-left .text>.uppercase [data-text-color]{color:var(--ak-gold)!important;font-family:var(--ak-font);font-size:11px;line-height:1.6;letter-spacing:.09em;font-weight:700}
/* Root verified native active-page on the featured-box div, not its anchor. */
body.afg-kate-branded .nav-menu-left .menu-link.active-page{background:#d3b48a17;color:#edd0a9;border:1px solid #d3b48a25}
body.afg-kate-branded .afg-kate-brandmark{display:flex;align-items:center;gap:12px;max-width:100%;margin-bottom:22px;color:#f5f3ee;text-decoration:none;font-family:var(--ak-font)}
body.afg-kate-branded .afg-kate-brandmark img{display:block;flex:0 0 42px;width:42px;height:42px;object-fit:contain}
body.afg-kate-branded .afg-kate-brandmark>span{font-size:13px;font-weight:700;line-height:1.35;letter-spacing:.07em}
body.afg-kate-branded .afg-kate-brandmark small{display:block;margin-top:5px;color:var(--ak-gold);font-size:9px;font-weight:400;letter-spacing:.13em}
/* Native UX Builder text only. A text element containing an embedded tool is
 * excluded too, preventing inheritance from accidentally changing that tool. */
body.afg-kate-branded .main-content .text:not(.afg-resource-embed *):not(:has(.afg-resource-embed)):not(.wpforms-container *):not(:has(.wpforms-container)):not(.arm-form-container *):not(:has(.arm-form-container)){font-family:var(--ak-font);font-synthesis:none;line-height:1.75}
body.afg-kate-branded .main-content :is(h1,h2,h3):not(.afg-resource-embed *):not(.wpforms-container *):not(.arm-form-container *){font-family:var(--ak-font);font-weight:400;line-height:1.18;letter-spacing:-.045em;text-transform:none}
body.afg-kate-branded .main-content .greeting :is(h1,h2,h3) :is(strong,b):not(.afg-resource-embed *){font-weight:400}
body.afg-kate-branded .main-content .greeting :is(h1,h2,h3) em:not(.afg-resource-embed *){color:var(--ak-bronze);font-style:normal}
body.afg-kate-branded .main-content .greeting :is(h1,h2,h3):not(.afg-resource-embed *):not(.dark *){color:var(--ak-ink)}
/* Link-style native buttons only; form submissions and embedded tools retain
 * their own styles and states. White/outline actions keep their semantic role. */
body.afg-kate-branded .main-content a.button:not(.afg-resource-embed *):not(.wpforms-container *):not(.arm-form-container *){border-radius:6px!important;box-shadow:none;font:700 13px/1.5 var(--ak-font);letter-spacing:0;text-transform:none;min-height:44px;padding:12px 20px}
body.afg-kate-branded .main-content a.button:not(.is-outline):not(.is-link):not(.white):not(.afg-resource-embed *):not(.wpforms-container *):not(.arm-form-container *){background:var(--ak-gold);border-color:var(--ak-gold);color:var(--ak-ink)}
body.afg-kate-branded .main-content a.button:not(.is-outline):not(.is-link):not(.white):not(.afg-resource-embed *):not(.wpforms-container *):not(.arm-form-container *):hover{background:#e0c49e;border-color:#e0c49e;color:var(--ak-ink)}
body.afg-kate-branded .main-content a.button.is-outline:not(.afg-resource-embed *):not(.wpforms-container *):not(.arm-form-container *):not(.dark *){color:#795b38;border-color:#9e794d;background:transparent}
/* Opt-in classes belong on native builder columns, never embedded tools. */
body.afg-kate-branded .afg-kate-card>.col-inner{background:var(--ak-surface);border:1px solid var(--ak-line);border-radius:8px;box-shadow:none}
body.afg-kate-branded .afg-kate-hero>.col-inner{border-radius:8px}
body.afg-kate-branded .afg-kate-dark-card>.col-inner{background:var(--ak-ink);color:#f5f3ee;border:1px solid #39342f;border-radius:8px;box-shadow:none}
body.afg-kate-branded :is(.afg-kate-brandmark,.nav-menu-left a):focus-visible,body.afg-kate-branded .main-content a.button:not(.afg-resource-embed *):not(.wpforms-container *):not(.arm-form-container *):focus-visible{outline:3px solid #9e794d;outline-offset:3px}
/* Login wrapper is added in UX Builder around the existing native form 102.
 * No display/visibility rule touches a field, message, loader or auth action.
 * Recovery forms can reuse this wrapper without changing their shortcode IDs.
 */
body.afg-kate-branded .afg-kate-login{max-width:1060px;margin:32px auto;border:1px solid var(--ak-line);border-radius:8px;background:#fffefa;font-family:var(--ak-font)}
body.afg-kate-branded .afg-kate-login>.col{padding:0}
body.afg-kate-branded .afg-kate-login-brand>.col-inner{height:100%;padding:46px 36px;background:var(--ak-ink);color:#f5f3ee;border-radius:7px 0 0 7px}
body.afg-kate-branded .afg-kate-login-form>.col-inner{padding:46px 40px}
body.afg-kate-branded .afg-kate-login :is(h1,h2){font-family:var(--ak-font);font-weight:400;font-size:36px;line-height:1.15;letter-spacing:-.045em;text-transform:none}
body.afg-kate-branded .afg-kate-login-brand :is(h1,h2){color:#f5f3ee}
body.afg-kate-branded .afg-kate-login-brand p{color:#d3cec5;font-size:15px;line-height:1.75}
body.afg-kate-branded .afg-kate-login-form :is(h1,h2){color:var(--ak-ink)}
body.afg-kate-branded .afg-kate-login-form p{color:var(--ak-muted);font-size:15px;line-height:1.75}
body.afg-kate-branded .afg-kate-login-form .arm-form-container{max-width:100%;width:100%;font-family:var(--ak-font)}
body.afg-kate-branded .afg-kate-login-form form.arm_form.arm-default-form{max-width:100%;width:100%;padding:0!important;margin:0;border:0;border-radius:0;background:transparent}
body.afg-kate-branded .afg-kate-login-form :is(.arm-df__label-text,.arm_form_field_label_text,.arm-df__fc-checkbox--label,.arm-df__fc--validation__wrap){font-family:var(--ak-font)}
body.afg-kate-branded .afg-kate-login-form input.arm-df__form-control:is([type=text],[type=email],[type=password]){font-family:var(--ak-font);font-size:16px;min-height:48px;background:#fcfbf8;color:var(--ak-ink);border:1px solid #d9d5cc;border-radius:4px}
body.afg-kate-branded .afg-kate-login-form .arm-df__form-control-submit-btn{font:700 14px/1.5 var(--ak-font);min-height:50px;padding:13px 20px;border:1px solid #111!important;border-radius:6px;background:#111!important;color:#fff!important;box-shadow:none;text-transform:none}
body.afg-kate-branded .afg-kate-login-form .arm-df__form-control-submit-btn:not(:disabled):hover{background:#292722!important;border-color:#292722!important}
body.afg-kate-branded .afg-kate-login-form input:focus-visible,body.afg-kate-branded .afg-kate-login-form button:focus-visible,body.afg-kate-branded .afg-kate-login-form a:focus-visible{outline:3px solid #9e794d;outline-offset:3px}
@media(max-width:849px){body.afg-kate-branded .afg-kate-login{margin:16px auto}body.afg-kate-branded .afg-kate-login-brand>.col-inner{border-radius:7px 7px 0 0;padding:30px 24px}body.afg-kate-branded .afg-kate-login-form>.col-inner{padding:30px 24px}}

/* Shared shell Focus view follows the script's existing state; no answer or script logic changes. */
body.afg-kate-branded.afg-scripts-focus .main-page-layout>.nav-menu-left{display:none!important}
body.afg-kate-branded.afg-scripts-focus .main-page-layout>.main-content{flex-basis:100%!important;max-width:100%!important;width:100%!important;margin-left:0!important}
body.afg-kate-branded.afg-scripts-focus .main-page-layout>.main-content>.col-inner{padding:20px 28px!important}
body.afg-kate-branded.afg-scripts-focus .afg-kate-page-heading{display:none}
body.afg-kate-branded .afg-kate-page-heading{margin-bottom:32px}
body.afg-kate-branded .afg-kate-page-heading h1{font-size:clamp(30px,3vw,44px)}
body.afg-kate-branded .afg-kate-eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#795b38}
@media(max-width:849px){body.afg-kate-branded.afg-scripts-focus .main-page-layout>.main-content>.col-inner{padding:12px!important}}

/* Match our dashboard's welcome treatment within the resource adapter. */
body.afg-kate-branded [data-afg-builder-resource="overview"] .member-welcome h1{font-size:clamp(30px,2.7vw,40px);line-height:1.2;letter-spacing:-.04em;margin:8px 0 16px}
body.afg-kate-branded [data-afg-builder-resource="overview"] .member-welcome h1 em{font-family:inherit;font-style:normal;font-weight:400;letter-spacing:inherit;color:#886a47}
body.afg-kate-branded [data-afg-builder-resource="overview"] .member-badge{display:none}
/* Native builder cards only. Leave the script component's shape untouched. */
body.afg-kate-branded .main-content .col:not(.afg-resource-embed *):not(:has(.afg-resource-embed))>.col-inner[style*="background-color"]{border-radius:8px}

body.afg-kate-branded [data-afg-builder-resource="leads"] .lead-order{border-radius:8px;overflow:hidden}
body.afg-kate-branded .afg-kate-login-brand h1 span{color:#d3b48a}

/* The login replaces the duplicated native top bar, while preserving form 102. */
body.afg-kate-branded.afg-kate-login #header{display:none}
body.afg-kate-branded.afg-kate-login .afg-kate-login.row-full-width{width:calc(100% - 40px)!important;max-width:1060px!important;margin:32px auto!important}
body.afg-kate-branded .afg-kate-login-form .arm-df__form-control-submit-btn{border-radius:6px!important}
body.afg-kate-branded .afg-kate-login-form input.arm-df__form-control:is([type=text],[type=email],[type=password]){border-radius:4px!important}
@media(max-width:849px){body.afg-kate-branded.afg-kate-login .afg-kate-login.row-full-width{width:calc(100% - 24px)!important;margin:12px auto!important}}

/* Login host only: original component and its original CSS own the design. */
body.afg-kate-branded.afg-kate-login .afg-original-login-host{padding:0!important;min-height:0}
body.afg-kate-branded.afg-kate-login .afg-original-login-host>.section-content>.text{margin:0}

/* Active-agent checklist: original preview card treatment, scoped to Step 3. */
.afg-kate-step3 .checklist-sales-script-cards { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin:0; width:100%; }
.afg-kate-step3 .checklist-sales-script-cards > .col { display:flex; flex:none; max-width:none; width:100%; margin:0; padding:0!important; }
.afg-kate-step3 .checklist-sales-script-cards > .col > .col-inner { display:flex; flex-direction:column; width:100%; height:100%; padding:24px; }
.afg-kate-step3 .checklist-sales-script-cards .icon-box { display:flex; flex:1; flex-direction:column; width:100%; text-align:left; }
.afg-kate-step3 .checklist-sales-script-cards .icon-box-img { display:flex; align-items:flex-start; flex-shrink:0; height:60px; margin:0 auto 16px 0; }
.afg-kate-step3 .checklist-sales-script-cards .icon-box-img img { max-width:40px; max-height:48px; object-fit:contain; }
.afg-kate-step3 .checklist-sales-script-cards .icon-box-text { display:flex; flex:1; flex-direction:column; align-items:flex-start; width:100%; margin:0!important; padding:0!important; }
.afg-kate-step3 .checklist-sales-script-cards .icon-box-text > .text { width:100%; margin:0!important; }
.afg-kate-step3 .checklist-sales-script-cards .icon-box-text h3 { width:100%; margin:0 0 24px!important; font-size:21px; line-height:1.35; font-weight:400; }
.afg-kate-step3 .checklist-sales-script-cards .icon-box-text > .button { align-self:flex-start; flex-shrink:0; max-width:100%; margin:auto 0 0!important; white-space:normal; }
.afg-kate-step3 .checklist-sales-script-cards .gap-element { display:none!important; }
@media (min-width:641px) and (max-width:1099px) {
  .afg-kate-step3 .checklist-sales-script-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .afg-kate-step3 .checklist-sales-script-cards > .col:last-child { grid-column:1/-1; }
}
@media (min-width:1100px) {
  .afg-kate-step3 .checklist-sales-script-cards { grid-template-columns:repeat(5,minmax(0,1fr)); }
}

/* Native builder contact cards, matching the workspace palette. */
.afg-kate-branded .afg-staff-card > .col-inner {border:1px solid #ddd8ce;border-radius:12px;box-shadow:0 2px 10px rgba(40,34,25,.03);height:100%;padding:28px!important;}
.afg-kate-branded .afg-staff-card h3 {font-weight:400;color:#20201d;}
.afg-kate-branded .afg-staff-card .ux-menu-link__link {overflow-wrap:anywhere;}
.afg-kate-branded .afg-team-crm-mark {width:60px;height:72px;object-fit:contain;margin:0 auto 12px;display:block;}

/* Training navigation and cost planning table. */
.afg-resource-embed[data-afg-resource="costs"] .afg-costs-table-scroll{overflow-x:auto;border:1px solid var(--ak-line,#dedbd4);border-radius:8px;background:var(--ak-surface,#fffefa)}
.afg-resource-embed[data-afg-resource="costs"] .afg-costs-table{width:100%;min-width:620px;margin:0;border-collapse:collapse;text-align:left}
.afg-resource-embed[data-afg-resource="costs"] .afg-costs-table th,.afg-resource-embed[data-afg-resource="costs"] .afg-costs-table td{padding:18px 20px;vertical-align:top;border-bottom:1px solid var(--ak-line,#dedbd4)}
.afg-resource-embed[data-afg-resource="costs"] .afg-costs-table thead th{background:#111;color:#fffefa;font-size:13px;letter-spacing:.04em}
.afg-resource-embed[data-afg-resource="costs"] .afg-costs-table tbody th{width:22%;font-weight:700}
.afg-resource-embed[data-afg-resource="costs"] .afg-costs-table td:last-child{width:22%}
.afg-resource-embed[data-afg-resource="costs"] .afg-costs-table tr:last-child th,.afg-resource-embed[data-afg-resource="costs"] .afg-costs-table tr:last-child td{border-bottom:0}
.afg-resource-embed[data-afg-resource="costs"] .afg-costs-table td p:last-child{margin-bottom:0}
.afg-resource-embed[data-afg-resource="costs"] .afg-costs-table-scroll:focus-visible{outline:3px solid #9e794d;outline-offset:3px}

.afg-nav-external{margin-left:10px;font-size:.85em;opacity:.75}
.nav-menu-left .menu-link.crm .icon-inner img,.nav-menu-left .menu-link.bootcamp .icon-inner img,.nav-menu-left .menu-link.calendar .icon-inner img,.nav-menu-left .menu-link.tutorials .icon-inner img{display:block;width:20px;height:20px;object-fit:contain}

/* Native tutorial index: original two-column resource layout; no extra navigation buttons. */
body.afg-kate-branded .menu-link.documents .icon-inner img{filter:brightness(0) invert(1)}
body.afg-kate-branded .afg-tutorials-heading{margin:0 0 28px;padding:0 0 30px;border-bottom:1px solid var(--ak-line)}
body.afg-kate-branded .afg-tutorials-heading .afg-kate-eyebrow{color:#795b38;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.07em;margin:0 0 14px}
body.afg-kate-branded .main-content .afg-tutorials-heading h1{font-size:clamp(32px,3.4vw,46px);margin:0 0 20px}
body.afg-kate-branded .afg-tutorials-intro{color:var(--ak-muted);font-size:16px;margin:0}
body.afg-kate-branded .afg-tutorials-grid{margin-left:-12px;margin-right:-12px}
body.afg-kate-branded .afg-tutorial-card{padding:0 12px 24px}
body.afg-kate-branded .afg-tutorial-card>.col-inner{display:flex;flex-direction:column;height:100%;padding:24px!important}
body.afg-kate-branded .main-content .afg-tutorial-card h2{font-size:26px;line-height:1.25;margin:0 0 20px}
body.afg-kate-branded .afg-tutorial-card p{color:var(--ak-muted);font-size:16px;line-height:1.7;margin:0 0 24px}
body.afg-kate-branded .afg-tutorial-card .afg-tutorial-link{margin-top:auto;padding-top:12px}
body.afg-kate-branded .afg-tutorial-link a{display:inline-block;color:#795b38;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:8px 0}
body.afg-kate-branded .afg-tutorial-link a:focus-visible{outline:2px solid var(--ak-bronze);outline-offset:4px}
@media(max-width:549px){body.afg-kate-branded .afg-tutorial-card>.col-inner{padding:22px!important}body.afg-kate-branded .main-content .afg-tutorial-card h2{font-size:24px}}

/* Agency resources1052 only: consistent decorative functional icons. */
body.afg-kate-branded .afg-agency-resource-icon>.box-image{width:52px!important;height:52px;max-width:52px;margin:0 auto 10px}
body.afg-kate-branded .afg-agency-resource-icon>.box-image>div{height:52px}
body.afg-kate-branded .afg-agency-resource-icon>.box-image img{display:block;width:52px;height:52px;object-fit:contain}

/* Combined test portal: reserve desktop space only for an actual admin toolbar. */
@media screen and (min-width: 850px) {
  body.afg-kate-branded .main-page-layout > .nav-menu-left {
    top: 0 !important;
  }
  body.afg-kate-branded.admin-bar:has(#wpadminbar) .main-page-layout > .nav-menu-left {
    top: var(--wp-admin--admin-bar--height, 32px) !important;
  }
}
