/* VR01: one shared component authority; actual buttons and forms adopt it. */
:root{
 --kbm-color-brand:var(--wp--custom--kbm--color--brand,#ffcc00);
 --kbm-color-brand-dark:var(--wp--custom--kbm--color--brand-strong,#f0b800);
 --kbm-color-brand-contrast:var(--wp--custom--kbm--color--brand-contrast,#0b1b2b);
 --kbm-color-accent:var(--wp--custom--kbm--color--navy,#0f2942);
 --kbm-color-navy-strong:var(--wp--custom--kbm--color--navy-strong,#071d2d);
 --kbm-color-ink:var(--wp--custom--kbm--color--text,#0f172a);
 --kbm-color-text:var(--kbm-color-ink);
 --kbm-color-muted:var(--wp--custom--kbm--color--muted,#64748b);
 --kbm-color-line:var(--wp--custom--kbm--color--border,#e2e8f0);
 --kbm-color-border:var(--kbm-color-line);
 --kbm-color-surface:var(--wp--custom--kbm--color--surface,#fff);
 --kbm-color-surface-alt:var(--wp--custom--kbm--color--surface-alt,#f8fafc);
 --kbm-color-body-bg:var(--wp--custom--kbm--color--canvas,#f5f7fb);
 --kbm-color-success:var(--wp--custom--kbm--color--success,#16a34a);
 --kbm-color-warning:var(--wp--custom--kbm--color--warning,#f59e0b);
 --kbm-color-danger:var(--wp--custom--kbm--color--danger,#ef4444);
 --kbm-color-info:var(--wp--custom--kbm--color--info,#2563eb);
 --kbm-ds-yellow:var(--kbm-color-brand);
 --kbm-ds-yellow-strong:var(--kbm-color-brand-dark);
 --kbm-ds-navy:var(--kbm-color-accent);
 --kbm-ds-navy-strong:var(--kbm-color-navy-strong);
 --kbm-ds-text:var(--kbm-color-text);
 --kbm-ds-muted:var(--kbm-color-muted);
 --kbm-ds-border:var(--kbm-color-border);
 --kbm-ds-surface:var(--kbm-color-surface);
 --kbm-ds-surface-2:var(--kbm-color-surface-alt);
 --kbm-ds-canvas:var(--kbm-color-body-bg);
 --kbm-font-sans:var(--kbm-font-lock,'Estedad',Tahoma,Arial,sans-serif);
 --kbm-font-family:var(--kbm-font-sans);
 --kbm-type-xs:var(--wp--custom--kbm--type--xs,13px);
 --kbm-type-sm:var(--wp--custom--kbm--type--sm,14px);
 --kbm-type-md:var(--wp--custom--kbm--type--body,16px);
 --kbm-type-lg:var(--wp--custom--kbm--type--lg,20px);
 --kbm-type-xl:var(--wp--custom--kbm--type--xl,26px);
 --kbm-type-2xl:var(--wp--custom--kbm--type--xxl,32px);
 --kbm-type-3xl:var(--wp--custom--kbm--type--xxxl,40px);
 --kbm-line-h:var(--wp--custom--kbm--type--line-body,1.85);
 --kbm-line-h-heading:var(--wp--custom--kbm--type--line-heading,1.55);
 --kbm-font-micro:12px;
 --kbm-font-meta:13px;
 --kbm-font-helper:14px;
 --kbm-font-body:16px;
 --kbm-font-control:16px;
 --kbm-font-button:15px;
 --kbm-font-label:14px;
 --kbm-font-card-title:18px;
 --kbm-font-price:20px;
 --kbm-font-section:26px;
 --kbm-font-page-title:32px;
 --kbm-line-heading:1.45;
 --kbm-line-card-title:1.5;
 --kbm-line-body:1.8;
 --kbm-line-helper:1.7;
 --kbm-weight-meta:500;
 --kbm-weight-body:400;
 --kbm-weight-label:600;
 --kbm-weight-title:750;
 --kbm-weight-price:750;
 --kbm-weight-cta:650;
 --kbm-space-9:80px;
 --kbm-space-10:96px;
 --kbm-page-gutter-mobile:16px;
 --kbm-section-gap-mobile:32px;
 --kbm-card-gap-mobile:16px;
 --kbm-card-padding-mobile:16px;
 --kbm-control-height-mobile:48px;
 --kbm-component-card-padding:var(--wp--custom--kbm--component--card-padding,18px);
 --kbm-component-filter-gap:var(--wp--custom--kbm--component--filter-gap,12px);
 --kbm-component-chip-min-height:var(--wp--custom--kbm--component--chip-min-height,32px);
 --kbm-component-action-min-height:var(--wp--custom--kbm--component--action-min-height,44px);
 --kbm-component-media-radius:var(--wp--custom--kbm--component--media-radius,16px);
 --kbm-component-data-label-weight:var(--wp--custom--kbm--component--data-label-weight,700);
 --kbm-radius-control:10px;
 --kbm-radius-card:16px;
 --kbm-radius-panel:20px;
 --kbm-radius-hero:24px;
 --kbm-shadow-none:none;
 --kbm-shadow-soft:0 2px 12px #10283f08;
 --kbm-shadow-floating:0 10px 36px #10283f24;
 --kbm-space-1:var(--wp--custom--kbm--space--xs,4px);
 --kbm-space-2:var(--wp--custom--kbm--space--sm,8px);
 --kbm-space-3:var(--wp--custom--kbm--space--md,12px);
 --kbm-space-4:var(--wp--custom--kbm--space--lg,16px);
 --kbm-space-5:var(--wp--custom--kbm--space--xl,24px);
 --kbm-space-6:var(--wp--custom--kbm--space--xxl,32px);
 --kbm-space-7:var(--wp--custom--kbm--space--xxxl,48px);
 --kbm-space-8:var(--wp--custom--kbm--space--xxxxl,64px);
 --kbm-gap:var(--kbm-space-4);
 --kbm-radius-sm:var(--wp--custom--kbm--radius--sm,12px);
 --kbm-radius-md:var(--wp--custom--kbm--radius--md,18px);
 --kbm-radius:var(--kbm-radius-md);
 --kbm-radius-lg:var(--wp--custom--kbm--radius--lg,22px);
 --kbm-radius-xl:var(--wp--custom--kbm--radius--xl,24px);
 --kbm-radius-pill:var(--wp--custom--kbm--radius--pill,999px);
 --kbm-shadow-sm:var(--wp--custom--kbm--shadow--sm,0 1px 2px rgba(15,23,42,.06));
 --kbm-shadow-md:var(--wp--custom--kbm--shadow--md,0 12px 30px rgba(15,23,42,.08));
 --kbm-shadow-lg:var(--wp--custom--kbm--shadow--lg,0 24px 70px rgba(15,23,42,.12));
 --kbm-container-content:var(--wp--custom--kbm--layout--content,1180px);
 --kbm-container-wide:var(--wp--custom--kbm--layout--wide,1366px);
 --kbm-container-shell:var(--wp--custom--kbm--layout--shell,1640px);
 --kbm-shell-w:var(--kbm-container-content);
 --kbm-shell-mobile-x:var(--wp--custom--kbm--layout--mobile-gutter,16px);
 --kbm-control-min:var(--wp--custom--kbm--control--min,44px);
 --kbm-touch-target:var(--wp--custom--kbm--control--touch,48px);
 --kbm-control-comfortable:var(--wp--custom--kbm--control--comfortable,52px);
 --kbm-control-compact:var(--wp--custom--kbm--control--compact,32px);
 --kbm-control-mobile-action:var(--wp--custom--kbm--control--mobile-action,44px);
 --kbm-control-radius-compact:var(--wp--custom--kbm--control--radius-compact,9px);
 --kbm-icon-micro:var(--wp--custom--kbm--icon--micro,14px);
 --kbm-icon-control:var(--wp--custom--kbm--icon--control,18px);
 --kbm-breakpoint-xs:var(--wp--custom--kbm--breakpoint--xs,360px);
 --kbm-breakpoint-sm:var(--wp--custom--kbm--breakpoint--sm,390px);
 --kbm-breakpoint-mobile:var(--wp--custom--kbm--breakpoint--mobile,430px);
 --kbm-breakpoint-tablet:var(--wp--custom--kbm--breakpoint--tablet,768px);
 --kbm-breakpoint-desktop:var(--wp--custom--kbm--breakpoint--desktop,1024px);
 --kbm-breakpoint-wide:var(--wp--custom--kbm--breakpoint--wide,1366px);
 --kbm-motion-duration-fast:var(--wp--custom--kbm--motion--duration--fast,120ms);
 --kbm-motion-duration-normal:var(--wp--custom--kbm--motion--duration--normal,180ms);
 --kbm-motion-duration-slow:var(--wp--custom--kbm--motion--duration--slow,240ms);
 --kbm-motion-ease-standard:var(--wp--custom--kbm--motion--easing--standard,cubic-bezier(.2,.8,.2,1));
 --kbm-motion-ease-enter:var(--wp--custom--kbm--motion--easing--enter,cubic-bezier(.16,1,.3,1));
 --kbm-motion-ease-exit:var(--wp--custom--kbm--motion--easing--exit,cubic-bezier(.4,0,1,1));
 --kbm-z-base:0;
 --kbm-z-content:1;
 --kbm-z-raised:10;
 --kbm-z-sticky:80;
 --kbm-z-bottom-nav:920;
 --kbm-z-sticky-cta:930;
 --kbm-z-drawer:1100;
 --kbm-z-backdrop:1190;
 --kbm-z-modal:1200;
 --kbm-z-toast:1300;
 --kbm-z-lightbox:1400;
 --kbm-z-theme-header:2147482200;
 --kbm-z-theme-backdrop:2147482300;
 --kbm-z-theme-drawer:2147482400;
 --kbm-z-interaction-root:2147483600;
 --kbm-z-interaction-backdrop:1;
 --kbm-z-interaction-surface:2;
 --kbm-z-interaction-toast:3;
 --kbm-vr-yellow:#ffcc00;
 --kbm-vr-navy:#10283f;
 --kbm-vr-ink:#182b3c;
 --kbm-vr-muted:#526477;
 --kbm-vr-line:#dce3e9;
 --kbm-vr-surface:#fff;
 --kbm-vr-canvas:#f4f6f8;
 --kbm-vr-focus:#1859b8;
}

body.kbm-ds01-2030{color:var(--kbm-vr-ink);font-size:var(--kbm-font-body);line-height:var(--kbm-line-body)}
body.kbm-ds01-2030 :where(button,input,select,textarea){font-family:inherit}
body.kbm-ds01-2030 :where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--kbm-vr-focus);outline-offset:3px}
body.kbm-ds01-2030 :is(.kbm-vr-button,.kbm-ui-btn,.kbm-ui-button,.kbm-btn,.kbm-button,.kbm-sch21-v3-btn,.kbm-card2__cta){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 20px;border:1px solid transparent;border-radius:var(--kbm-radius-control);background:var(--kbm-vr-yellow);color:var(--kbm-vr-navy);font-size:15px;font-weight:650;line-height:1.5;text-decoration:none;cursor:pointer}
body.kbm-ds01-2030 :is(.kbm-vr-button,.kbm-ui-btn,.kbm-ui-button,.kbm-btn,.kbm-button,.kbm-sch21-v3-btn,.kbm-card2__cta):hover{background:#f5c300;box-shadow:0 2px 8px #10283f14}
body.kbm-ds01-2030 :is(.kbm-vr-button,.kbm-ui-btn,.kbm-btn,.kbm-button,.kbm-card2__cta):is(:disabled,[aria-disabled=true]){background:#e8edf1;color:#596876;cursor:default;box-shadow:none}
body.kbm-ds01-2030 :is(.kbm-vr-input,.kbm-submit-recode-form input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.kbm-submit-recode-form select,.kbm-submit-recode-form textarea){min-height:48px;max-width:100%;padding:11px 14px;border:1px solid #bbc8d4;border-radius:10px;background:#fff;color:var(--kbm-vr-ink);font-size:16px;line-height:1.6}
body.kbm-ds01-2030 :is(.kbm-vr-input,.kbm-submit-recode-form input,.kbm-submit-recode-form select,.kbm-submit-recode-form textarea):focus{border-color:var(--kbm-vr-focus)}
body.kbm-ds01-2030 :is(.kbm-vr-input,.kbm-submit-recode-form input,.kbm-submit-recode-form select,.kbm-submit-recode-form textarea)[aria-invalid=true]{border-color:#b3261e;background:#fff8f7}
.kbm-vr-button--secondary{background:#fff!important;border-color:var(--kbm-vr-line)!important;color:var(--kbm-vr-navy)!important}
.kbm-vr-notice{padding:14px 16px;border:1px solid #bfcee0;border-inline-start:4px solid #1859b8;border-radius:10px;background:#f0f5fc;color:#234468}
.kbm-vr-notice--error{border-color:#dfbdb9;border-inline-start-color:#b3261e;background:#fff8f7;color:#8a211b}
.kbm-vr-chip{display:inline-flex;gap:6px;align-items:center;padding:5px 10px;border:1px solid var(--kbm-vr-line);border-radius:8px;background:#f4f6f8;font-size:13px;color:var(--kbm-vr-muted)}
.kbm-vr-panel{padding:24px;border:1px solid var(--kbm-vr-line);border-radius:20px;background:#fff;box-shadow:var(--kbm-shadow-soft)}
.kbm-vr-components{max-width:1100px;margin:32px auto;padding:24px;display:grid;gap:24px}
.kbm-vr-components h1,.kbm-vr-components h2{color:var(--kbm-vr-navy);line-height:1.5}.kbm-vr-components h1{font-size:32px}.kbm-vr-components h2{font-size:22px}
.kbm-vr-components>section{padding:24px;border:1px solid var(--kbm-vr-line);border-radius:20px;background:#fff}.kbm-vr-components label{display:block;margin:20px 0 8px;font-weight:600}.kbm-vr-components .kbm-card2{max-width:360px}
.kbm-vr-container{width:min(100% - 32px,1280px);margin-inline:auto}
.kbm-vr-card{overflow:hidden;border:1px solid var(--kbm-vr-line);border-radius:16px;background:#fff;box-shadow:var(--kbm-shadow-soft)}
.kbm-vr-badge,.kbm-vr-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:13px;font-weight:600;background:#eaf1f8;color:#234468}
.kbm-vr-status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.kbm-vr-status--success{background:#edf7f0;color:#17643b}.kbm-vr-status--warning{background:#fff4d6;color:#78540c}.kbm-vr-status--error{background:#fff0ef;color:#b3261e}
.kbm-vr-modal,.kbm-vr-drawer{padding:24px;border:1px solid var(--kbm-vr-line);border-radius:20px;background:#fff;box-shadow:var(--kbm-shadow-floating);max-width:100%;color:var(--kbm-vr-ink)}
.kbm-vr-drawer{border-radius:16px;inline-size:min(390px,100%);padding-block:20px}
.kbm-vr-toast{padding:12px 16px;border-radius:12px;background:var(--kbm-vr-navy);color:#fff;box-shadow:var(--kbm-shadow-floating)}
.kbm-vr-skeleton{height:22px;border-radius:6px;background:linear-gradient(90deg,#e7ecf0 25%,#f4f6f8 50%,#e7ecf0 75%);background-size:200% 100%;animation:kbm-vr-skeleton 1.5s linear infinite}
@keyframes kbm-vr-skeleton{to{background-position:-200% 0}}
body.kbm-ds01-2030 :is(.kbm-vr-empty,.kbm-hust48-empty){display:grid;place-content:center;gap:8px;padding:24px;min-height:140px;border:1px solid var(--kbm-vr-line);border-radius:16px;background:#f8fafc;text-align:center;color:var(--kbm-vr-muted)}
.kbm-vr-pagination{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-block:20px}
.kbm-vr-pagination :is(a,span){display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:6px 12px;border:1px solid var(--kbm-vr-line);border-radius:10px;background:#fff;color:var(--kbm-vr-navy);text-decoration:none}
.kbm-vr-pagination [aria-current=page]{background:var(--kbm-vr-navy);color:#fff;border-color:var(--kbm-vr-navy)}
.kbm-vr-table-wrap{overflow-x:auto;border:1px solid var(--kbm-vr-line);border-radius:12px}
.kbm-vr-table{width:100%;border-collapse:collapse;text-align:start;background:#fff;color:var(--kbm-vr-ink);font-size:14px}
.kbm-vr-table :is(th,td){padding:12px 16px;border-block-end:1px solid var(--kbm-vr-line);white-space:normal}.kbm-vr-table th{background:#f4f6f8;font-weight:650}.kbm-vr-table tr:last-child td{border-block-end:0}
@media(max-width:767px){.kbm-vr-components{margin:16px auto;padding:0 16px;gap:16px}.kbm-vr-components>section{padding:18px}.kbm-vr-components h1{font-size:26px}.kbm-vr-panel{padding:18px}}
@media(prefers-reduced-motion:reduce){body.kbm-ds01-2030 *,body.kbm-ds01-2030 *::before,body.kbm-ds01-2030 *::after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}