.gaap-portal{max-width:860px;margin:24px auto;padding:24px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.05)}.gaap-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gaap-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}.gaap-form input,.gaap-form select,.gaap-form textarea{border:1px solid #d1d5db;border-radius:10px;padding:10px}.gaap-form textarea,.gaap-form p,.gaap-form button{grid-column:1/-1}.gaap-form button,.gaap-plan{display:inline-block;border:0;border-radius:12px;background:#111827;color:#fff;padding:12px 18px;text-decoration:none;cursor:pointer}.gaap-plans{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:720px){.gaap-form{grid-template-columns:1fr}}
.gaap-once{border:1px solid #f59e0b;background:#fffbeb;border-radius:12px;padding:14px;margin:14px 0}.gaap-once code{word-break:break-all}
.gaap-usage{width:100%;border-collapse:collapse;margin-top:12px}.gaap-usage th,.gaap-usage td{border:1px solid #e5e7eb;padding:8px;text-align:left}.gaap-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0}.gaap-card{border:1px solid #e5e7eb;border-radius:12px;padding:14px;background:#fff}.gaap-card strong{display:block;font-size:20px}.gaap-card span{color:#64748b;font-size:13px}.gaap-once{border:1px solid #f59e0b;background:#fffbeb;border-radius:12px;padding:14px;margin:12px 0;overflow:auto}.gaap-plan{display:inline-block;margin:8px 8px 8px 0;padding:10px 14px;border:1px solid #2563eb;border-radius:10px;text-decoration:none}.gaap-list li{margin-bottom:6px}
.gaap-warning{background:#fff4e5;border:1px solid #f0c36d;padding:10px;border-radius:10px;color:#5f3b00}.gaap-once code{word-break:break-all;white-space:normal}

.gaap-copy{margin-left:8px;padding:4px 10px;border:1px solid #ccd0d4;border-radius:6px;background:#fff;cursor:pointer}.gaap-note{background:#f8fbff;border:1px solid #c8def8;border-radius:10px;padding:12px;margin:14px 0}.gaap-warning{background:#fff6e5;border:1px solid #f0c36d;border-radius:10px;padding:10px}.gaap-status-active{color:#0a7f3f}.gaap-status-suspended,.gaap-status-revoked{color:#b42318}

.gaap-badge{display:inline-block;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.4;background:#eef2f7;color:#1d2327;border:1px solid #d8dee8}.gaap-badge-active,.gaap-badge-approved,.gaap-badge-success{background:#e6f6ec;color:#065f2c;border-color:#9bd7b3}.gaap-badge-warning,.gaap-badge-pending,.gaap-badge-pending_payment,.gaap-badge-grace,.gaap-badge-needs_info{background:#fff8e5;color:#6b4e00;border-color:#f0d98c}.gaap-badge-suspended,.gaap-badge-revoked,.gaap-badge-rejected{background:#fdeeee;color:#8a1f11;border-color:#f1b2aa}.gaap-wizard{background:#fff;border:1px solid #e1e4e8;border-radius:12px;padding:16px;margin:14px 0}.gaap-wizard ol{margin:0;padding-left:0;list-style:none;display:grid;gap:8px}.gaap-wizard li{display:flex;gap:8px;align-items:center}.gaap-wizard li span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#eef2f7}.gaap-wizard li.done span{background:#e6f6ec;color:#065f2c}.gaap-wizard li.todo{color:#6b7280}

.gaap-portal .gaap-note,.gaap-portal .gaap-warning{border-radius:12px;padding:12px 14px;margin:12px 0}.gaap-portal .gaap-note{background:#f6f7f7;border:1px solid #dcdcde}.gaap-portal .gaap-warning{background:#fff8e5;border:1px solid #f0c36d}.gaap-wizard li.done{font-weight:600}.gaap-wizard li.todo{opacity:.75}

/* v0.9.0: custom portal authentication UI. API-client users should never be sent to wp-login.php/wp-admin for normal portal actions. */
.gaap-auth{max-width:560px}.gaap-auth h2{margin-top:0}.gaap-auth-form{grid-template-columns:1fr}.gaap-auth-form label,.gaap-auth-form p,.gaap-auth-form button{grid-column:1/-1}.gaap-inline{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-weight:500!important}.gaap-auth input[type="checkbox"]{width:auto}.gaap-auth a{color:#2563eb;text-decoration:none}.gaap-auth a:hover{text-decoration:underline}


/* v0.9.1: clearer payment-plan cards and URL helper copy. */
.gaap-payment-panel{border:1px solid #dbeafe;background:#f8fbff;border-radius:14px;padding:16px;margin:18px 0}.gaap-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:12px}.gaap-plan{display:flex;flex-direction:column;gap:6px;background:#111827;color:#fff!important;border:1px solid #111827;border-radius:14px;padding:16px;text-decoration:none;box-shadow:0 8px 22px rgba(15,23,42,.12)}.gaap-plan strong{font-size:16px}.gaap-plan span{font-weight:700}.gaap-plan small{opacity:.8}.gaap-plan em{font-style:normal;font-size:13px;margin-top:6px;text-decoration:underline}.gaap-plan-disabled{background:#f3f4f6;color:#4b5563!important;border-color:#d1d5db;box-shadow:none}.gaap-form small{font-weight:400;color:#6b7280;margin-top:4px}



.gaap-shell{max-width:1180px;margin:24px auto;padding:0 16px}.gaap-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;border-bottom:1px solid #e5e7eb}.gaap-tabs a{display:inline-block;padding:12px 16px;text-decoration:none;border:1px solid #e5e7eb;border-bottom:0;border-radius:12px 12px 0 0;background:#f8fafc;color:#334155;font-weight:700}.gaap-tabs a.active{background:#fff;color:#0f172a;box-shadow:0 -1px 0 #fff inset}.gaap-tab-panel>.gaap-portal{margin-top:0}.gaap-button-secondary{display:inline-block;margin:6px 8px 6px 0;padding:10px 14px;border:1px solid #cbd5e1;border-radius:10px;text-decoration:none;background:#fff;color:#0f172a}.gaap-payment-panel h4{margin:0 0 8px}.gaap-usage code{font-size:12px}

.gaap-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.gaap-tab{padding:10px 14px;border:1px solid #d8dee8;border-radius:12px;text-decoration:none}.gaap-tab-active{background:#0f172a;color:#fff;border-color:#0f172a}.gaap-plan-disabled{opacity:.65;cursor:not-allowed}

.gaap-plan-choice{display:block}.gaap-plan-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.gaap-pay-button span{display:block;font-size:12px;font-weight:500}.gaap-muted{color:#64748b;font-size:13px}


/* v0.9.5: single-card authentication UX. Login is the default; account creation is linked from the same box. */
.gaap-auth-single{max-width:560px}.gaap-auth-single .gaap-auth-card{margin:0}.gaap-auth-card h2{margin-top:0}.gaap-auth-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;color:#64748b}.gaap-auth-links a{font-weight:700}.gaap-auth-card .gaap-form{grid-template-columns:1fr}

/* v0.9.6: payment plan checkout clarity */
.gaap-plan-choice{background:#fff!important;color:#111827!important;border:1px solid #dbe4f0!important;box-shadow:0 8px 24px rgba(15,23,42,.04);}
.gaap-plan-choice .gaap-plan-head strong{display:block;font-size:18px;margin-bottom:6px;color:#111827;}
.gaap-plan-choice small{display:block;color:#5f6b7a;margin:7px 0;}
.gaap-plan-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0;}
.gaap-pay-button{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;text-decoration:none!important;border-radius:14px!important;padding:14px 16px!important;background:#0f172a!important;color:#fff!important;border:1px solid #0f172a!important;min-height:72px;}
.gaap-pay-button strong{font-size:18px;color:#fff;}
.gaap-plan-setup-missing{border:1px dashed #f59e0b;background:#fffbeb;color:#92400e;border-radius:14px;padding:14px 16px;margin:16px 0;}
.gaap-plan-setup-missing strong{display:block;margin-bottom:4px;}
.gaap-plan-disabled{background:#f9fafb!important;color:#6b7280!important;}


/* v0.9.7: WooCommerce/My Account aligned portal layout.
   Future reference: this keeps the Agent API portal visually consistent with WooCommerce account pages on sites that use a standard shop/account header. */
.gaap-shell{max-width:1200px;margin:24px auto;padding:0 24px;display:flex;gap:24px;align-items:flex-start;}
.gaap-tabs{width:260px;min-width:220px;display:block;border:1px solid #dcdcde;border-bottom:0;margin:0;background:#fff;}
.gaap-tabs a{display:block;border:0;border-bottom:1px solid #dcdcde;border-radius:0;background:#fff;color:#0f172a;padding:14px 18px;font-weight:500;text-decoration:none;box-shadow:none;}
.gaap-tabs a:hover{background:#f6f7f7;color:#005bb5;}
.gaap-tabs a.active{background:#f6f7f7;color:#005bb5;border-left:4px solid #005bb5;padding-left:14px;box-shadow:none;}
.gaap-tab-panel{flex:1;min-width:0;}
.gaap-tab-panel>.gaap-portal{max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;}
.gaap-portal h2{font-size:2rem;line-height:1.25;margin:0 0 22px;color:#0f172a;font-weight:500;}
.gaap-portal h3{font-size:1.35rem;margin:26px 0 14px;font-weight:500;}
.gaap-portal h4{font-size:1.08rem;font-weight:600;}
.gaap-wizard,.gaap-note,.gaap-warning,.gaap-payment-panel,.gaap-card,.gaap-once{box-shadow:none;}
.gaap-wizard{border-color:#dcdcde;border-radius:0;background:#fff;padding:18px;margin:18px 0;}
.gaap-note{border-color:#dcdcde!important;border-radius:0!important;background:#f7f7f7!important;}
.gaap-warning{border-radius:0!important;}
.gaap-cards{gap:14px;}
.gaap-card{border-radius:0;border-color:#dcdcde;background:#fff;}
.gaap-form input,.gaap-form select,.gaap-form textarea{border-radius:2px;border-color:#8c8f94;min-height:42px;}
.gaap-form button,.gaap-pay-button,.gaap-button-secondary,.gaap-copy{border-radius:3px;}
.gaap-usage{border-collapse:collapse;background:#fff;}
.gaap-usage th,.gaap-usage td{border-color:#dcdcde;padding:12px 14px;}
.gaap-usage th{font-weight:600;background:#fff;}
.gaap-payment-panel{background:#fff;border-color:#dcdcde;border-radius:0;padding:18px;}
.gaap-plan-choice{border-radius:0!important;box-shadow:none!important;border-color:#dcdcde!important;}
.gaap-pay-button{border-radius:3px!important;}
.gaap-auth-single,.gaap-auth{max-width:620px;margin:48px auto;}
.gaap-auth-card{border:1px solid #dcdcde;background:#fff;padding:28px;box-shadow:none;}
.gaap-auth-card h2{font-size:2rem;font-weight:500;margin:0 0 16px;}
@media(max-width:782px){.gaap-shell{display:block;padding:0 16px}.gaap-tabs{width:100%;min-width:0;margin-bottom:20px}.gaap-tabs a.active{border-left:0;border-top:4px solid #005bb5;padding-left:18px}.gaap-form{grid-template-columns:1fr}.gaap-auth-single,.gaap-auth{margin:24px auto}}

/* v0.9.8: WooCommerce My Account integration.
   Keep one WooCommerce login/account shell, then show Agent API sections as top tabs within the account content.
   This avoids a second side-navigation/login system and prevents tab links from leaving the portal. */
.gaap-shell{max-width:none;margin:0;padding:0;display:block;gap:0;align-items:stretch;}
.woocommerce-MyAccount-content .gaap-shell{margin:0;padding:0;}
.gaap-tabs{width:100%;min-width:0;display:flex;gap:0;flex-wrap:wrap;border:1px solid #dcdcde;border-bottom:0;margin:0 0 22px;background:#fff;}
.gaap-tabs a{display:inline-block;border:0;border-right:1px solid #dcdcde;border-bottom:1px solid #dcdcde;border-radius:0;background:#fff;color:#005bb5;padding:14px 18px;font-weight:500;text-decoration:none;box-shadow:none;}
.gaap-tabs a:hover{background:#f6f7f7;color:#003f7d;}
.gaap-tabs a.active{background:#f6f7f7;color:#111827;border-left:0;border-top:4px solid #005bb5;padding-top:10px;padding-left:18px;box-shadow:none;font-weight:700;}
.gaap-tab-panel{flex:initial;min-width:0;}
.gaap-tab-panel>.gaap-portal,.woocommerce-MyAccount-content .gaap-portal{max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;}
.gaap-tab-panel>.gaap-portal>h2,.woocommerce-MyAccount-content .gaap-portal>h2{margin-top:0;}
@media(max-width:782px){.gaap-shell{display:block;padding:0}.gaap-tabs{width:100%;min-width:0;margin-bottom:18px}.gaap-tabs a{flex:1 1 50%;text-align:center}.gaap-tabs a.active{border-left:0;border-top:4px solid #005bb5;padding-left:18px}}


/* v0.9.9: force Agent API inner navigation to horizontal tabs inside WooCommerce My Account. */
.woocommerce-MyAccount-content .gaap-shell,
.gaap-shell{display:block!important;max-width:none!important;margin:0!important;padding:0!important;}
.woocommerce-MyAccount-content .gaap-tabs,
.gaap-tabs{display:flex!important;flex-direction:row!important;align-items:stretch!important;width:100%!important;min-width:0!important;margin:0 0 22px!important;border:1px solid #dcdcde!important;border-bottom:0!important;background:#fff!important;}
.woocommerce-MyAccount-content .gaap-tabs a,
.gaap-tabs a{display:inline-flex!important;align-items:center!important;border:0!important;border-right:1px solid #dcdcde!important;border-bottom:1px solid #dcdcde!important;border-radius:0!important;background:#fff!important;color:#005bb5!important;padding:13px 18px!important;font-weight:500!important;text-decoration:none!important;box-shadow:none!important;}
.woocommerce-MyAccount-content .gaap-tabs a.active,
.gaap-tabs a.active{background:#f6f7f7!important;color:#111827!important;border-top:4px solid #005bb5!important;padding-top:9px!important;font-weight:700!important;}
.woocommerce-MyAccount-content .gaap-tab-panel,
.gaap-tab-panel{display:block!important;width:100%!important;}
.woocommerce-MyAccount-content .gaap-tab-panel>.gaap-portal,
.gaap-tab-panel>.gaap-portal{max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;}
@media(max-width:782px){.woocommerce-MyAccount-content .gaap-tabs a,.gaap-tabs a{flex:1 1 50%;justify-content:center;text-align:center;}}


/* v1.0.1: inside WooCommerce My Account, Agent API uses top tabs only.
   Do not let theme/Woo navigation rules turn these internal tabs into a second side menu. */
body.woocommerce-account .woocommerce-MyAccount-content nav.gaap-tabs,
body.woocommerce-account .woocommerce-MyAccount-content .gaap-top-tabs,
.woocommerce-MyAccount-content nav.gaap-tabs.gaap-top-tabs{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    float:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0 0 24px!important;
    padding:0!important;
    border:1px solid #dcdcde!important;
    border-bottom:0!important;
    background:#fff!important;
}
body.woocommerce-account .woocommerce-MyAccount-content nav.gaap-tabs a,
body.woocommerce-account .woocommerce-MyAccount-content .gaap-top-tabs a{
    display:inline-flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    border-right:1px solid #dcdcde!important;
    border-bottom:1px solid #dcdcde!important;
    margin:0!important;
}
body.woocommerce-account .woocommerce-MyAccount-content nav.gaap-tabs:before,
body.woocommerce-account .woocommerce-MyAccount-content nav.gaap-tabs:after{content:none!important;display:none!important;}


/* v1.0.6: keep consent checkboxes compact and inline with their copy. */
.gaap-form label.gaap-consent-inline,
.gaap-consent-inline{
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    gap:10px!important;
    font-weight:500!important;
    line-height:1.45!important;
}
.gaap-form label.gaap-consent-inline input[type="checkbox"],
.gaap-consent-inline input[type="checkbox"]{
    width:16px!important;
    min-width:16px!important;
    height:16px!important;
    min-height:16px!important;
    padding:0!important;
    margin:3px 0 0!important;
    flex:0 0 16px!important;
    box-sizing:border-box!important;
}
.gaap-consent-inline span{display:inline!important;}

/* v1.0.8: usage monitoring cards/charts for customer API keys. */
.gaap-monitor{border:1px solid #dcdcde;background:#fff;padding:18px;margin:18px 0 26px;}
.gaap-monitor-controls{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px;align-items:flex-end;}
.gaap-monitor-controls label{font-weight:600;display:flex;flex-direction:column;gap:5px;min-width:220px;}
.gaap-monitor-controls select{min-height:38px;}
.gaap-monitor-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0;}
.gaap-monitor-cards>div{border:1px solid #e5e7eb;background:#f8fafc;padding:14px;}
.gaap-monitor-cards strong{display:block;font-size:22px;color:#0f172a;}
.gaap-monitor-cards span{display:block;color:#64748b;font-size:13px;margin-top:4px;}
.gaap-limit-bar{height:10px;background:#e5e7eb;overflow:hidden;margin:10px 0 18px;}
.gaap-limit-bar span{display:block;height:100%;background:#0f172a;transition:width .25s ease;}
.gaap-limit-bar span.warn{background:#d97706;}.gaap-limit-bar span.danger{background:#b91c1c;}
.gaap-usage-chart{width:100%;max-width:100%;border:1px solid #e5e7eb;background:#fff;display:block;}
.gaap-topup{border-top:1px solid #e5e7eb;margin-top:18px;padding-top:14px;}
.gaap-topup-buttons{display:flex;gap:10px;flex-wrap:wrap;}
@media(max-width:782px){.gaap-monitor-cards{grid-template-columns:repeat(2,minmax(0,1fr));}.gaap-monitor-controls label{min-width:100%;}}

/* v1.1.5: safer key-copy and active-plan state */
.gaap-full-key{display:inline-block;max-width:360px;white-space:nowrap;overflow:auto;vertical-align:middle}
.gaap-inline-form{display:inline-block;margin:0}
.gaap-current-plan-badge{display:inline-block;padding:8px 12px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:700;border:1px solid #86efac;margin-bottom:8px}
.gaap-plan.is-current{border-color:#86efac;background:#f0fdf4}

/* One-time credential panel for copying API setup values into the public widget plugin. */
.gaap-credential-panel{margin:16px 0;padding:18px;border:1px solid #d8dee8;background:#f8fafc}
.gaap-credential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}
.gaap-credential-grid>div{padding:12px;background:#fff;border:1px solid #e1e5ec}
.gaap-credential-grid strong{display:block;margin-bottom:6px}
.gaap-full-key{display:block;white-space:normal;overflow-wrap:anywhere;word-break:break-word;margin:6px 0;padding:8px;background:#eef2f7}
@media(max-width:782px){.gaap-credential-grid{grid-template-columns:1fr}}

/* v1.1.7: responsive credential tables and support portal. */
.gaap-table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;margin:12px 0 18px;background:#fff;}
.gaap-table-wrap table{min-width:980px;margin:0;border:0;}
.gaap-key-table td,.gaap-key-table th{vertical-align:top;}
.gaap-key-actions{min-width:280px;max-width:420px;}
.gaap-credential-details{margin-top:10px;border:1px solid #dcdcde;padding:10px;background:#f8fafc;}
.gaap-credential-details summary{cursor:pointer;font-weight:700;color:#005bb5;}
.gaap-credential-details p{margin:10px 0;}
.gaap-ticket-thread{display:grid;gap:12px;margin:14px 0;}
.gaap-ticket-message{border:1px solid #e5e7eb;background:#fff;padding:12px;}
.gaap-ticket-message small{display:block;color:#64748b;margin:3px 0 8px;}
.gaap-ticket-admin{background:#f8fbff;border-color:#c8def8;}
.gaap-support-form,.gaap-support-reply{margin-bottom:24px;}
@media(max-width:782px){.gaap-key-actions{min-width:240px}.gaap-table-wrap table{min-width:840px}}
.gaap-usage-legend{font-size:13px;color:#64748b;margin:10px 0 0;display:flex;gap:16px;flex-wrap:wrap;align-items:center}.gaap-usage-legend span{display:inline-block;width:14px;height:8px;border-radius:999px;margin-right:4px}.gaap-usage-legend .charged{background:#0f172a}.gaap-usage-legend .nocharge{background:#b7791f}.gaap-usage-legend .failed{background:#b91c1c}.gaap-monitor-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}


/* v1.2.5: polish logged-out account/auth and password-protected demo page forms.
   Hide the WooCommerce page title for logged-out visitors so the login/register screen is cleaner. */
body.woocommerce-account:not(.logged-in) .entry-title,
body.woocommerce-account:not(.logged-in) h1.wp-block-post-title,
body.woocommerce-account:not(.logged-in) .page-title{
    display:none!important;
}

/* Style WordPress password-protected demo pages like the portal login cards. */
.post-password-form{
    max-width:620px;
    margin:48px auto;
    padding:28px;
    border:1px solid #dcdcde;
    background:#fff;
    box-shadow:none;
}
.post-password-form p{
    margin:0 0 16px;
}
.post-password-form label{
    display:block;
    font-weight:600;
    margin:0 0 12px;
}
.post-password-form input[type="password"]{
    display:block;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    border:1px solid #d1d5db;
    border-radius:2px;
    min-height:42px;
    padding:10px;
    margin-top:6px;
}
.post-password-form input[type="submit"]{
    display:inline-block;
    border:0;
    border-radius:3px;
    background:#0f172a;
    color:#fff;
    padding:12px 18px;
    cursor:pointer;
    font-weight:700;
}
.post-password-form input[type="submit"]:hover{
    background:#111827;
}


/* v1.2.6: make copy buttons readable under WooCommerce/theme button styles and show price clearly on Stripe checkout buttons. */
.gaap-copy,
button.gaap-copy,
.button.gaap-copy,
a.gaap-copy{
    background:#fff!important;
    color:#0f172a!important;
    border:1px solid #94a3b8!important;
    box-shadow:none!important;
    text-decoration:none!important;
    font-weight:700!important;
    line-height:1.2!important;
}
.gaap-copy:hover,
button.gaap-copy:hover,
.button.gaap-copy:hover{
    background:#f8fafc!important;
    color:#005bb5!important;
}
.gaap-pay-button strong{display:block;margin-top:5px;font-size:18px;line-height:1.2;}
.gaap-pay-button em{display:block;margin-top:4px;font-size:12px;font-style:normal;opacity:.82;}
.gaap-pay-button.is-selected{outline:3px solid #60a5fa;outline-offset:2px;}
.gaap-plan-actions small{display:block;margin:8px 0;color:#64748b;}


/* v1.2.7: consistent plan-card sizing and clearer hover state. */
.gaap-plans{
    align-items:stretch;
}
.gaap-plan-choice{
    min-height:340px;
    height:100%;
    display:flex!important;
    flex-direction:column;
    justify-content:flex-start;
    transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.gaap-plan-choice:hover{
    background:#f8fafc!important;
    border-color:#94a3b8!important;
    box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
    transform:translateY(-1px);
}
.gaap-plan-choice.is-current:hover{
    background:#ecfdf5!important;
    border-color:#22c55e!important;
}
.gaap-plan-head{
    min-height:88px;
}
.gaap-plan-actions{
    margin-top:auto!important;
}
.gaap-plan-actions .gaap-stripe-checkout-form,
.gaap-plan-actions .gaap-stripe-portal-form{
    display:flex;
    margin:0;
}
.gaap-plan-actions .gaap-pay-button{
    width:100%;
    min-height:92px;
    text-align:left;
    white-space:normal;
}
.gaap-plan-actions .gaap-current-plan-badge{
    align-self:flex-start;
}
@media(max-width:782px){
    .gaap-plan-choice{min-height:auto;}
    .gaap-plan-head{min-height:auto;}
}

/* Legal consent / disclaimer accordions. Keep protective language available without crowding the form. */
.gaap-legal-consents{
    margin:18px 0;
    padding:16px;
    border:1px solid #e2e8f0;
    background:#f8fafc;
}
.gaap-legal-consents .gaap-consent-inline{
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
    margin:10px 0!important;
    line-height:1.5;
}
.gaap-legal-consents .gaap-consent-inline input[type="checkbox"]{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    margin-top:4px!important;
}
.gaap-legal-accordion,
.gaap-legal-disclaimer{
    margin:10px 0 14px;
    padding:10px 12px;
    border:1px solid #e5e7eb;
    background:#fff;
    font-size:.94em;
}
.gaap-legal-accordion summary,
.gaap-legal-disclaimer summary{
    cursor:pointer;
    font-weight:700;
    color:#1f2937;
}
.gaap-legal-accordion p,
.gaap-legal-disclaimer p{
    margin:10px 0 0!important;
    color:#4b5563;
}

/* v1.3.1: keep API credentials readable and outside narrow table columns. */
.gaap-key-preview{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}
.gaap-small{display:block;font-size:12px;margin-top:4px}
.gaap-setup-credentials-list{display:grid;gap:16px;margin:14px 0 24px}
.gaap-credential-card{border:1px solid #d8dee8;background:#fff;padding:16px;overflow:hidden}
.gaap-credential-card h4{margin:0 0 12px}
.gaap-credential-card .gaap-full-key,.gaap-credential-panel .gaap-full-key,.gaap-credential-details .gaap-full-key{display:block;width:100%;max-width:100%;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}
.gaap-masked-key{opacity:.85}
.gaap-key-actions .button{white-space:normal;line-height:1.3;min-height:36px}

/* v1.3.3: restore stable My Account layout and keep per-key credential actions inside the table. */
.woocommerce-MyAccount-content .gaap-shell,
body.woocommerce-account .woocommerce-MyAccount-content .gaap-shell{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
}
.woocommerce-MyAccount-content .gaap-tab-panel,
body.woocommerce-account .woocommerce-MyAccount-content .gaap-tab-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
}
.woocommerce-MyAccount-content .gaap-portal,
body.woocommerce-account .woocommerce-MyAccount-content .gaap-portal{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
}
.gaap-key-table-wrap{
    clear:both;
    max-width:100%;
    overflow-x:auto;
}
.gaap-key-table-wrap table.gaap-key-table{
    min-width:920px;
    table-layout:auto;
}
.gaap-key-actions{
    min-width:260px!important;
    max-width:360px!important;
}
.gaap-key-actions .gaap-inline-form,
.gaap-key-actions .gaap-copy{
    display:inline-block;
    margin:4px 6px 4px 0!important;
}
.gaap-row-credential-details{
    margin-top:8px!important;
    max-width:340px!important;
    overflow:hidden;
}
.gaap-row-credential-details p{
    margin:10px 0!important;
}
.gaap-row-credential-details .gaap-full-key,
.gaap-key-preview{
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
}
/* The old full-width credential card is no longer used; keep styles harmless if cached markup exists. */
.gaap-setup-credentials-list{display:none!important;}
@media(max-width:782px){
    .gaap-key-table-wrap table.gaap-key-table{min-width:760px;}
    .gaap-key-actions{min-width:220px!important;max-width:300px!important;}
}

.gaap-row-warning .gaap-warning{margin:0!important;max-width:100%;box-sizing:border-box;}


/* v1.3.15: Mobile-friendly portal/account layout. */
.gaap-portal,
.gaap-shell,
.woocommerce-MyAccount-content .gaap-portal{box-sizing:border-box;max-width:100%;}
.gaap-portal *,
.gaap-shell *,
.woocommerce-MyAccount-content .gaap-portal *{box-sizing:border-box;}
.gaap-portal input,
.gaap-portal select,
.gaap-portal textarea,
.gaap-shell input,
.gaap-shell select,
.gaap-shell textarea{max-width:100%;}
.gaap-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:thin;}
.gaap-tabs a,.gaap-tab{white-space:nowrap;flex:0 0 auto;}
.gaap-usage,
.gaap-key-table{width:100%;}
.gaap-usage{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;}
.gaap-usage thead,
.gaap-usage tbody,
.gaap-usage tr{min-width:720px;}
.gaap-usage th,
.gaap-usage td{white-space:normal;vertical-align:top;}
.gaap-usage td code,
.gaap-usage td pre,
.gaap-credential-panel code,
.gaap-once code{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;}
.gaap-plan-actions,
.gaap-topup-buttons,
.gaap-key-actions{max-width:100%;}
.gaap-plan-actions .button,
.gaap-topup-buttons .button,
.gaap-key-actions .button,
.gaap-pay-button{white-space:normal;text-align:center;line-height:1.25;}
.gaap-pagination{max-width:100%;overflow-x:auto;padding-bottom:4px;}

@media(max-width:782px){
  .gaap-shell{margin:12px auto;padding:0 10px;}
  .woocommerce-MyAccount-content .gaap-shell{padding:0;}
  .gaap-portal{margin:12px auto;padding:16px;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.04);}
  .gaap-portal h2{font-size:22px;line-height:1.25;margin-top:0;}
  .gaap-portal h3{font-size:18px;line-height:1.3;}
  .gaap-form{grid-template-columns:1fr!important;gap:12px;}
  .gaap-form label,
  .gaap-form p,
  .gaap-form button,
  .gaap-form textarea{grid-column:1/-1!important;}
  .gaap-form input,
  .gaap-form select,
  .gaap-form textarea{width:100%;min-height:42px;font-size:16px;}
  .gaap-cards{grid-template-columns:1fr!important;display:grid!important;gap:10px;}
  .gaap-card{min-width:0!important;width:100%;padding:12px;}
  .gaap-card strong{font-size:18px;overflow-wrap:anywhere;}
  .gaap-plans{grid-template-columns:1fr!important;display:grid!important;}
  .gaap-plan,.gaap-pay-button,.gaap-button-secondary{width:100%;justify-content:center;align-items:center;text-align:center;margin:6px 0;}
  .gaap-plan-actions,.gaap-topup-buttons{display:grid;grid-template-columns:1fr;gap:8px;}
  .gaap-tabs{margin-left:-2px;margin-right:-2px;gap:6px;}
  .gaap-tabs a,.gaap-tab{padding:10px 12px;font-size:14px;}
  .gaap-table-wrap{border-radius:10px;overflow-x:auto;}
  .gaap-table-wrap table{min-width:760px;}
  .gaap-usage{border:1px solid #e5e7eb;border-radius:10px;}
  .gaap-usage th,.gaap-usage td{padding:9px 10px;font-size:14px;}
  .gaap-key-actions{min-width:220px!important;max-width:320px;}
  .gaap-credential-panel{padding:14px;border-radius:12px;}
  .gaap-credential-grid{grid-template-columns:1fr!important;}
  .gaap-full-key{max-width:100%;font-size:12px;}
  .gaap-copy{display:inline-block;margin:6px 0 0 0;}
  .gaap-auth,.gaap-auth-single{max-width:100%;}
  .gaap-auth-links{display:grid;gap:8px;}
  .gaap-monitor-cards{grid-template-columns:1fr!important;}
  .gaap-monitor-controls{display:grid!important;grid-template-columns:1fr!important;}
  .gaap-monitor-controls label{min-width:0!important;width:100%;}
  .gaap-usage-chart{width:100%;height:auto;}
}

@media(max-width:480px){
  .gaap-portal{padding:14px;border-radius:12px;}
  .gaap-portal h2{font-size:20px;}
  .gaap-portal p,.gaap-portal li,.gaap-portal label{font-size:14px;line-height:1.5;}
  .gaap-page-link,.gaap-page-current{min-width:34px;padding:7px 9px;}
  .gaap-pagination-meta{display:block;width:100%;margin:4px 0 0;}
}

/* v1.3.20: keep only the outer table wrapper scroll, especially Payment & API key tables. */
.gaap-table-wrap .gaap-usage,
.gaap-key-table-wrap .gaap-key-table{
  display:table;
  overflow:visible;
  max-width:none;
  width:max-content;
  min-width:100%;
}
.gaap-table-wrap .gaap-usage thead,
.gaap-table-wrap .gaap-usage tbody,
.gaap-table-wrap .gaap-usage tr{
  min-width:0;
}
.gaap-table-wrap textarea.code,
.gaap-table-wrap .large-text.code{
  max-width:100%;
}
.gaap-widget-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 16px;margin:8px 0 12px;}
.gaap-widget-form-grid p{margin:0 0 8px;}
.gaap-widget-branding-panel{border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;margin:14px 0 18px;background:#fff;}
.gaap-style-presets-help{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:8px 0 16px;}
.gaap-style-presets-help>div{border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#f9fafb;}
.gaap-style-presets-help span{color:#64748b;font-size:12px;}
.gaap-widget-option-field select{min-width:100px;}

/* v1.3.33: dashboard transparency/action items */
.gaap-action-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:10px 0 22px;}
.gaap-action-item{margin:0;}
.gaap-action-item p{margin:8px 0 0;}
.gaap-card span{display:block;color:#64748b;font-size:13px;margin-top:4px;}


/* v1.3.36: Agent API summary on the main WooCommerce My Account dashboard. */
.woocommerce-MyAccount-content .gaap-account-dashboard-summary{margin-top:34px;padding-top:22px;border-top:1px solid #dcdcde;clear:both;}
.woocommerce-MyAccount-content .gaap-account-dashboard-summary>h2{font-size:1.75rem;line-height:1.25;margin:0 0 18px;color:#0f172a;font-weight:500;}
.woocommerce-MyAccount-content .gaap-account-dashboard-summary .gaap-portal{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
.woocommerce-MyAccount-content .gaap-account-dashboard-summary .gaap-portal>h2{display:none;}
.woocommerce-MyAccount-content .gaap-account-dashboard-summary .gaap-portal>p:first-of-type{margin-top:0;color:#4b5563;}
@media(max-width:782px){.woocommerce-MyAccount-content .gaap-account-dashboard-summary{margin-top:24px;padding-top:18px}.woocommerce-MyAccount-content .gaap-account-dashboard-summary>h2{font-size:1.45rem}.woocommerce-MyAccount-content .gaap-account-dashboard-summary .gaap-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}