/* K2Fish Account UX - frontend tokens and customer area shell. */

.k2fish-account-app {
    --k2a-background: #f4f7fa;
    --k2a-surface: #ffffff;
    --k2a-surface-muted: #f4f7fa;
    --k2a-border: #dbe4ec;
    --k2a-text: #0b1d38;
    --k2a-text-muted: #52657a;
    --k2a-navy: #061a33;
    --k2a-navy-deep: #072440;
    --k2a-navy-mid: #082d50;
    --k2a-primary: #0066b3;
    --k2a-ocean: #0878cd;
    --k2a-aqua: #00a7b5;
    --k2a-success: #169b55;
    --k2a-warning: #e68618;
    --k2a-danger: #ef4858;
    --k2a-info: #0878cd;
    --k2a-focus: #0077cc;
    --k2a-premium: #7549e8;
    --k2a-radius-control: 6px;
    --k2a-radius-card: 13px;
    --k2a-radius-shell: 20px;
    --k2a-radius-pill: 999px;
    --k2a-shadow-1: 0 5px 18px rgba(22, 47, 74, .07);
    --k2a-shadow-2: 0 18px 55px rgba(22, 47, 74, .16);
    --k2a-space-1: 4px;
    --k2a-space-2: 8px;
    --k2a-space-3: 12px;
    --k2a-space-4: 16px;
    --k2a-space-5: 20px;
    --k2a-space-6: 24px;
    --k2a-space-8: 32px;
    --k2a-space-10: 40px;
    --k2a-space-12: 48px;
    --k2a-space-16: 64px;
    --k2a-sidebar-width: 248px;
    --k2a-content-max-width: 1192px;
    --k2a-shell-max-width: 1440px;
    --k2a-focus-ring: 0 0 0 3px rgba(0, 119, 204, .28);
    --k2a-transition-fast: 160ms ease;
    --k2a-transition: 180ms ease;
    --k2a-transition-drawer: 220ms ease;
    --k2a-z-content: 0;
    --k2a-z-sticky: 20;
    --k2a-z-backdrop: 80;
    --k2a-z-drawer: 90;
    --k2a-z-modal: 100;
    --k2a-z-toast: 110;

    /* Compatibility aliases for the established endpoint component layer. */
    --k2fish-navy: var(--k2a-navy);
    --k2fish-navy-2: var(--k2a-navy-deep);
    --k2fish-teal: var(--k2a-aqua);
    --k2fish-blue: var(--k2a-primary);
    --k2fish-text: var(--k2a-text);
    --k2fish-muted: var(--k2a-text-muted);
    --k2fish-line: var(--k2a-border);
    --k2fish-soft: var(--k2a-surface-muted);
    --k2fish-shadow: var(--k2a-shadow-1);
    --k2fish-radius: var(--k2a-radius-card);
}

/* Public Account UX component contracts shared with the isolated UI Lab. */
.k2fish-account-app .k2fish-account-product-icon{display:grid;place-items:center;width:4rem;aspect-ratio:1;border:1px solid var(--k2ui-border,#dbe5ee);border-radius:var(--k2ui-radius-md,12px);background:var(--k2ui-surface-subtle,#f6f9fc);color:var(--k2ui-color-primary,#0b72f0);font-weight:900}.k2fish-account-app .k2ui-media{grid-template-columns:auto minmax(0,1fr)}.k2fish-account-app .k2ui-table small{display:block;color:var(--k2ui-text-muted,#5c6c80)}.k2fish-account-app [data-account-state="approved"]{border-color:var(--k2ui-color-success,#168a4a)}.k2fish-account-app [data-account-state="suspended"],.k2fish-account-app [data-account-state="rejected"]{border-color:var(--k2ui-color-danger,#c62828)}

/* Affiliate commerce profile — Account UX is the single visual owner. */
.k2fish-account-business-profile[data-business-profile="affiliate_commerce"] {
    --k2fish-partner-gap: clamp(16px, 2vw, 24px);
}

.k2fish-account-business-profile[data-business-profile="affiliate_commerce"] .k2fish-account-business-profile-body {
    display: grid;
    gap: var(--k2fish-partner-gap);
    min-width: 0;
}

.k2fish-conversion-steps {
    counter-reset: k2fish-partner-step;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.k2fish-conversion-step {
    position: relative;
    min-height: 100%;
    border-top: 3px solid var(--k2fish-cyan, #20a9c7);
}

.k2fish-card-eyebrow {
    display: inline-flex;
    margin: 0 0 8px;
    color: var(--k2fish-muted);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.k2fish-profile-progress progress {
    display: block;
    width: 100%;
    height: 12px;
    margin: 12px 0 16px;
    accent-color: var(--k2fish-cyan, #20a9c7);
}

.k2fish-progress-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.k2fish-progress-checks {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.k2fish-progress-checks li {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: var(--k2fish-muted);
}

.k2fish-progress-checks .is-complete {
    color: var(--k2fish-text);
    font-weight: 700;
}

.k2fish-account-search-controls,
.k2fish-account-table-controls {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    gap: 12px;
    align-items: end;
    margin: 16px 0;
}

.k2fish-account-search-controls label,
.k2fish-account-table-controls label {
    display: grid;
    gap: 6px;
    min-width: 0;
    color: var(--k2fish-text);
    font-weight: 700;
}

.k2fish-account-search-controls input,
.k2fish-account-search-controls select,
.k2fish-account-table-controls input,
.k2fish-account-table-controls select {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 9px 11px;
    border: 1px solid rgba(14, 42, 54, .18);
    border-radius: 10px;
    background: #fff;
    color: var(--k2fish-text);
}

.k2fish-search-status,
[data-k2fish-table-status],
[data-k2fish-collection-filter-status],
.k2fish-form-status {
    min-height: 1.4em;
    color: var(--k2fish-muted);
    font-size: .9rem;
}

.k2fish-search-status[data-state="error"] {
    color: #a52828;
    font-weight: 700;
}

.k2fish-search-status[data-state="loading"]::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 7px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: k2fish-account-spin .7s linear infinite;
}

@keyframes k2fish-account-spin {
    to { transform: rotate(360deg); }
}

.k2fish-product-results {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.k2fish-product-results .k2fish-module-row,
#k2fa-affiliate-product-links .k2fish-module-row {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    min-width: 0;
    padding: 14px;
    border: 1px solid rgba(14, 42, 54, .12);
    border-radius: 14px;
    background: #fff;
}

.k2fish-product-results .k2fish-module-row > img,
#k2fa-affiliate-product-links .k2fish-module-row > img {
    grid-row: span 2;
    width: 96px;
    height: 96px;
    object-fit: contain;
    border-radius: 10px;
    background: #f6f8f9;
}

.k2fish-row-content {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.k2fish-row-detail {
    color: var(--k2fish-muted);
    font-size: .85rem;
    overflow-wrap: anywhere;
}

.k2fish-row-detail b {
    color: var(--k2fish-text);
}

.k2fish-row-content code {
    max-width: 100%;
    overflow-wrap: anywhere;
    white-space: normal;
}

.k2fish-product-results .k2fish-row-actions,
#k2fa-affiliate-product-links .k2fish-row-actions {
    grid-column: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.k2fish-table-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 14px;
}

.k2fish-table-pagination:empty {
    display: none;
}

.k2fish-responsive-table tr[hidden] {
    display: none;
}

.k2fish-form-section {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.k2fish-form-section legend {
    grid-column: 1 / -1;
    width: 100%;
    padding: 0 0 8px;
    border-bottom: 1px solid rgba(14, 42, 54, .12);
    color: var(--k2fish-text);
    font-size: 1rem;
    font-weight: 800;
}

.k2fish-form-section-description,
.k2fish-form-section > textarea,
.k2fish-form-section > .k2fish-inline-check {
    grid-column: 1 / -1;
}

.k2fish-form-section label {
    display: grid;
    gap: 6px;
    min-width: 0;
    font-weight: 700;
}

.k2fish-form-section input,
.k2fish-form-section select,
.k2fish-form-section textarea {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    box-sizing: border-box;
}

.k2fish-form-section textarea {
    resize: vertical;
}

.k2fish-form-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.k2fish-account-business-profile[data-business-profile="affiliate_commerce"] .k2fish-button,
.k2fish-account-search-controls button,
.k2fish-account-table-controls button {
    min-height: 44px;
    touch-action: manipulation;
}

.k2fish-button:focus-visible,
.k2fish-account-business-profile input:focus-visible,
.k2fish-account-business-profile select:focus-visible,
.k2fish-account-business-profile textarea:focus-visible {
    outline: 3px solid rgba(32, 169, 199, .35);
    outline-offset: 2px;
}

.k2fish-account-business-profile[data-business-profile="affiliate_commerce"] .k2fish-button[aria-busy="true"],
.k2fish-account-business-profile[data-business-profile="affiliate_commerce"] .k2fish-button:disabled {
    cursor: wait;
    opacity: .58;
}

@media (max-width: 1023px) {
    .k2fish-conversion-steps,
    .k2fish-account-search-controls,
    .k2fish-account-table-controls {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .k2fish-product-results {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767px) {
    .k2fish-conversion-steps,
    .k2fish-account-search-controls,
    .k2fish-account-table-controls,
    .k2fish-progress-checks,
    .k2fish-form-section {
        grid-template-columns: minmax(0, 1fr);
    }

    .k2fish-account-search-controls .k2fish-button,
    .k2fish-account-table-controls .k2fish-button,
    .k2fish-form-actions,
    .k2fish-form-actions .k2fish-button {
        width: 100%;
    }

    .k2fish-form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .k2fish-responsive-table,
    .k2fish-responsive-table tbody,
    .k2fish-responsive-table tr,
    .k2fish-responsive-table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .k2fish-responsive-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
    }

    .k2fish-responsive-table tr {
        margin-bottom: 12px;
        padding: 10px 12px;
        border: 1px solid rgba(14, 42, 54, .12);
        border-radius: 12px;
        background: #fff;
    }

    .k2fish-responsive-table td {
        display: grid;
        grid-template-columns: minmax(110px, 42%) minmax(0, 1fr);
        gap: 10px;
        padding: 8px 0;
        border: 0;
        overflow-wrap: anywhere;
    }

    .k2fish-responsive-table td::before {
        content: attr(data-label);
        color: var(--k2fish-muted);
        font-weight: 800;
    }

    .k2fish-product-results .k2fish-module-row,
    #k2fa-affiliate-product-links .k2fish-module-row {
        grid-template-columns: 72px minmax(0, 1fr);
    }

    .k2fish-product-results .k2fish-module-row > img,
    #k2fa-affiliate-product-links .k2fish-module-row > img {
        width: 72px;
        height: 72px;
    }

    .k2fish-product-results .k2fish-row-actions,
    #k2fa-affiliate-product-links .k2fish-row-actions {
        grid-column: 1 / -1;
        display: grid;
    }
}

/* Partner journey — owned by Account UX. */
.k2fish-account-partner-nav{display:flex;gap:6px;align-items:center;overflow-x:auto;margin:0 0 18px;padding:6px;border:1px solid var(--k2fish-border,#dce8f2);border-radius:14px;background:#f8fbff;scrollbar-width:thin}
.k2fish-account-partner-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border-radius:10px;color:var(--k2fish-title,#0f2145);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.k2fish-account-partner-nav a:hover,.k2fish-account-partner-nav a:focus-visible{background:#fff}.k2fish-account-partner-nav a.is-active{background:var(--k2fish-title,#0f2145);color:#fff}
.k2fish-account-search-controls{display:grid;grid-template-columns:minmax(240px,2fr) repeat(auto-fit,minmax(150px,1fr));gap:12px;align-items:end}.k2fish-account-search-controls label{display:grid;gap:6px}.k2fish-account-search-controls input,.k2fish-account-search-controls select{width:100%;min-width:0}
@media(max-width:680px){.k2fish-account-partner-nav{margin-inline:-4px}.k2fish-account-partner-nav a{flex:0 0 auto}.k2fish-account-search-controls{grid-template-columns:minmax(0,1fr)}}

.k2fish-dashboard,
.k2fish-account-page {
    display: block;
    min-width: 0;
}

.k2fish-content-card,
.k2fish-panel-card,
.k2fish-stat-card,
.k2fish-feature-card,
.k2fish-mini-stat,
.k2fish-empty-state {
    background: #fff;
    border: 1px solid var(--k2fish-line);
    border-radius: var(--k2fish-radius);
    box-shadow: var(--k2fish-shadow);
}

.k2fish-content-card {
    padding: 34px;
}

.k2fish-page-heading {
    margin: 0 0 28px;
}

.k2fish-page-heading-inline {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.k2fish-page-heading-inline > div {
    min-width: 0;
}

.k2fish-primary-action,
.k2fish-secondary-action,
.k2fish-action-list a,
.k2fish-table-action {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 44px;
    padding: 12px 16px;
    border: 0;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    text-decoration: none ;
    white-space: nowrap;
    cursor: pointer;
}

.k2fish-primary-action,
.k2fish-table-action {
    background: var(--k2fish-navy);
    color: #fff ;
    box-shadow: 0 10px 26px rgba(13, 39, 51, .20);
}

.k2fish-secondary-action,
.k2fish-action-list a {
    background: #eef7fa;
    color: #0d5d75 ;
}

.k2fish-stats-grid,
.k2fish-dashboard-grid,
.k2fish-feature-grid,
.k2fish-quote-stats {
    display: grid;
    gap: 18px;
}

.k2fish-stats-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 24px;
}

.k2fish-dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.k2fish-feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.k2fish-stat-card,
.k2fish-panel-card,
.k2fish-feature-card {
    padding: 22px;
}

.k2fish-stat-card span {
    display: block;
    margin-bottom: 8px;
    color: var(--k2fish-blue);
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.k2fish-stat-card strong {
    display: block;
    margin-bottom: 7px;
    color: var(--k2fish-text);
    font-size: clamp(26px, 2.6vw, 34px);
    line-height: 1;
}

.k2fish-panel-card-header h3,
.k2fish-feature-card h3,
.k2fish-section-header h3,
.k2fish-empty-state h3 {
    margin: 0 0 10px;
    color: var(--k2fish-text);
    font-size: 21px;
    font-weight: 850;
    line-height: 1.2;
}

.k2fish-action-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
}

.k2fish-external-notice .k2fish-action-list {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: none;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
}

.k2fish-external-notice .k2fish-action-list > * {
    margin: 0;
}

.k2fish-badge {
    display: inline-flex;
    align-items: center;
    margin-bottom: 14px;
    padding: 7px 10px;
    border-radius: 999px;
    background: #eef7fa;
    color: #0d5d75;
    font-size: 12px;
    font-weight: 850;
}

.k2fish-order-summary {
    margin: 16px 0;
    padding: 16px;
    border-radius: 16px;
    background: var(--k2fish-soft);
}

.k2fish-quote-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 2px 0 28px;
}

.k2fish-mini-stat {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 20px;
    box-shadow: none;
}

.k2fish-mini-stat-icon {
    display: inline-grid;
    place-items: center;
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    border-radius: 999px;
    font-size: 26px;
    font-weight: 900;
}

.k2fish-mini-stat-blue .k2fish-mini-stat-icon {
    background: #e6f2ff;
    color: #116cad;
}

.k2fish-mini-stat-green .k2fish-mini-stat-icon {
    background: #e5f7ec;
    color: #0d8749;
}

.k2fish-mini-stat-orange .k2fish-mini-stat-icon {
    background: #fff1d9;
    color: #c27700;
}

.k2fish-mini-stat small,
.k2fish-mini-stat em {
    display: block;
    font-style: normal;
}

.k2fish-mini-stat small {
    margin-bottom: 5px;
    color: var(--k2fish-muted);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.k2fish-mini-stat strong {
    display: block;
    margin-bottom: 4px;
    color: var(--k2fish-text);
    font-size: 26px;
    line-height: 1;
}

.k2fish-mini-stat em {
    color: var(--k2fish-muted);
    font-size: 13px;
}

.k2fish-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 0 18px;
    padding-top: 24px;
    border-top: 1px solid var(--k2fish-line);
}

.k2fish-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--k2fish-line);
    border-radius: 16px;
}

.k2fish-quotes-table {
    width: 100%;
    margin: 0 ;
    border-collapse: collapse ;
    border: 0 ;
    background: #fff;
}

.k2fish-quotes-table th,
.k2fish-quotes-table td {
    padding: 18px 20px ;
    border: 0 ;
    border-bottom: 1px solid var(--k2fish-line) ;
    text-align: left;
    vertical-align: middle;
}

.k2fish-quotes-table tr:last-child td {
    border-bottom: 0 ;
}

.k2fish-quotes-table th {
    color: var(--k2fish-muted);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.k2fish-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 850;
    white-space: nowrap;
}

.k2fish-status-badge::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: currentColor;
}

.k2fish-status-analysis {
    background: #e8f2ff;
    color: #1768b2;
}

.k2fish-status-approved {
    background: #e2f6ea;
    color: #0b7c41;
}

.k2fish-status-pending {
    background: #fff2d8;
    color: #996100;
}

.k2fish-status-expired {
    background: #f2f4f5;
    color: #6b7d85;
}

.k2fish-row-actions {
    display: flex;
    gap: 8px;
}

.k2fish-row-actions a {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--k2fish-line);
    border-radius: 10px;
    color: var(--k2fish-text) ;
    text-decoration: none ;
    background: #fff;
}

.k2fish-empty-state {
    display: grid;
    justify-items: center;
    padding: 38px 28px;
    text-align: center;
    background:
        radial-gradient(circle at top, rgba(19, 183, 189, .12), transparent 35%),
        #fff;
    box-shadow: none;
}

.k2fish-empty-icon {
    display: inline-grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin-bottom: 16px;
    border-radius: 999px;
    background: #eef7fa;
    color: var(--k2fish-blue);
    font-size: 28px;
    font-weight: 900;
}

/* WooCommerce tables and forms inside native endpoints */
.k2fish-account-main .woocommerce-orders-table,
.k2fish-account-main .woocommerce-table,
.k2fish-account-main table.shop_table {
    overflow: hidden;
    border: 1px solid var(--k2fish-line) ;
    border-radius: 16px ;
    background: #fff;
}

.k2fish-account-main .woocommerce-orders-table th,
.k2fish-account-main .woocommerce-orders-table td,
.k2fish-account-main table.shop_table th,
.k2fish-account-main table.shop_table td {
    padding: 16px 18px ;
}

.k2fish-account-main .woocommerce-Button,
.k2fish-account-main .button,
.k2fish-account-main button.button,
.k2fish-account-main input.button {
    border-radius: 999px ;
    font-weight: 850 ;
}

.k2fish-account-app-message,
.k2fish-account-app-info,
.k2fish-account-app-error {
    border-radius: 16px;
}

@media (max-width: 1180px) {
    .k2fish-account-layout {
        grid-template-columns: minmax(240px, 285px) minmax(0, 1fr);
        gap: 22px;
    }

    .k2fish-content-card {
        padding: 28px;
    }

    .k2fish-quote-stats,
    .k2fish-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .k2fish-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .k2fish-account-app {
        padding: 0 18px 44px;
    }

    .k2fish-account-layout {
        grid-template-columns: 1fr;
    }

    .k2fish-account-nav-card {
        position: static;
    }

    .k2fish-account-nav-card .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .k2fish-account-welcome {
        padding: 24px;
    }
}

@media (max-width: 680px) {
    .k2fish-account-app {
        padding-left: 14px;
        padding-right: 14px;
    }

    .k2fish-account-welcome,
    .k2fish-page-heading-inline,
    .k2fish-section-header,
    .k2fish-mini-stat {
        align-items: stretch;
        flex-direction: column;
    }

    .k2fish-account-welcome {
        text-align: left;
    }

    .k2fish-content-card {
        padding: 22px;
    }

    .k2fish-account-nav-card .woocommerce-MyAccount-navigation ul,
    .k2fish-stats-grid,
    .k2fish-dashboard-grid,
    .k2fish-feature-grid,
    .k2fish-quote-stats,
    .k2fish-action-list {
        grid-template-columns: 1fr;
    }

    .k2fish-account-nav-card .woocommerce-MyAccount-navigation a {
        min-height: 46px;
    }

    .k2fish-external-notice .k2fish-action-list,
    .k2fish-external-notice .k2fish-action-list > *,
    .k2fish-external-notice .k2fish-action-list .k2fish-button {
        width: 100%;
    }

    .k2fish-account-welcome::after {
        display: none;
    }
}

/* Surface containment: independent from the host theme markup. */
.k2fish-account-app,
.k2fish-account-app .k2fish-account-shell,
.k2fish-account-app .k2fish-account-layout,
.k2fish-account-app .k2fish-account-main,
.k2fish-account-app .k2fish-account-main > .woocommerce-MyAccount-content,
.k2fish-account-app .k2fish-account-main > .woocommerce-MyAccount-content > * {
    width: 100% ;
    max-width: none ;
    min-width: 0 ;
}

.k2fish-account-app .k2fish-account-shell,
.k2fish-account-app .k2fish-account-main,
.k2fish-account-app .k2fish-account-main > .woocommerce-MyAccount-content {
    flex: 1 1 100% ;
}

.k2fish-account-app .k2fish-account-layout {
    align-items: start ;
}

.k2fish-account-app .k2fish-account-welcome,
.k2fish-account-app .k2fish-content-card,
.k2fish-account-app .k2fish-dashboard,
.k2fish-account-app .k2fish-account-page {
    width: 100% ;
    max-width: none ;
}

.k2fish-account-app .k2fish-content-card,
.k2fish-account-app .k2fish-panel-card,
.k2fish-account-app .k2fish-stat-card,
.k2fish-account-app .k2fish-feature-card,
.k2fish-account-app .k2fish-mini-stat,
.k2fish-account-app .k2fish-empty-state {
    overflow-wrap: normal;
    word-break: normal;
}

.k2fish-account-app .k2fish-page-heading,
.k2fish-account-app .k2fish-page-heading > div,
.k2fish-account-app .k2fish-page-heading h2,
.k2fish-account-app .k2fish-account-welcome-copy,
.k2fish-account-app .k2fish-account-welcome h1,
.k2fish-account-app .k2fish-account-welcome p {
    max-width: none ;
}

/* v0.3.0 - native WooCommerce sections */
.k2fish-native-page .k2fish-page-heading {
    margin-bottom: 26px;
}

.k2fish-orders-list,
.k2fish-order-items-list {
    display: grid;
    gap: 18px;
}

.k2fish-order-card,
.k2fish-order-item-card,
.k2fish-address-card,
.k2fish-order-totals-card,
.k2fish-order-notes-block {
    background: #fff;
    border: 1px solid var(--k2fish-line);
    border-radius: 18px;
    box-shadow: var(--k2fish-shadow);
}

.k2fish-order-card {
    padding: 22px;
}

.k2fish-order-card-top,
.k2fish-order-card-actions,
.k2fish-address-grid,
.k2fish-form-grid {
    display: grid;
    gap: 16px;
}

.k2fish-order-card-top {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.k2fish-order-card-label {
    display: inline-block;
    margin-bottom: 6px;
    color: var(--k2fish-blue);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.k2fish-order-card h3,
.k2fish-address-card h4,
.k2fish-order-item-card h4 {
    margin: 0;
    color: var(--k2fish-text);
    font-size: 24px;
    font-weight: 850;
    line-height: 1.1;
}

.k2fish-order-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    margin: 14px 0 16px;
    color: var(--k2fish-muted);
}

.k2fish-order-card-products {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

.k2fish-order-thumb {
    width: 72px;
    height: 72px;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--k2fish-line);
    border-radius: 14px;
    background: #fff;
}

.k2fish-order-thumb img,
.k2fish-order-item-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.k2fish-order-card-actions {
    grid-template-columns: repeat(auto-fit, minmax(160px, max-content));
}

.k2fish-order-item-card {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 18px;
    padding: 18px;
}

.k2fish-order-item-media {
    width: 110px;
    height: 110px;
    overflow: hidden;
    border-radius: 14px;
    background: #fff;
    border: 1px solid var(--k2fish-line);
}

.k2fish-order-item-content h4 {
    font-size: 22px;
    margin-bottom: 10px;
}

.k2fish-order-item-content h4 a {
    color: inherit;
    text-decoration: none;
}

.k2fish-order-item-meta-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    margin: 0 0 10px;
    color: var(--k2fish-muted);
}

.k2fish-order-item-meta .wc-item-meta,
.k2fish-order-item-meta dl.variation {
    margin: 0;
    color: var(--k2fish-muted);
}

.k2fish-order-item-desc {
    color: var(--k2fish-muted);
}

.k2fish-order-totals-card {
    padding: 18px 22px;
}

.k2fish-order-totals-table {
    width: 100%;
    margin: 0 ;
    border-collapse: collapse ;
}

.k2fish-order-totals-table th,
.k2fish-order-totals-table td {
    padding: 13px 0 ;
    border: 0 ;
    border-bottom: 1px solid var(--k2fish-line) ;
    text-align: left;
}

.k2fish-order-totals-table tr:last-child th,
.k2fish-order-totals-table tr:last-child td {
    border-bottom: 0 ;
}

.k2fish-address-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.k2fish-address-card {
    padding: 22px;
}

.k2fish-address-content {
    margin: 14px 0 18px;
    color: var(--k2fish-muted);
}

.k2fish-address-content p:last-child {
    margin-bottom: 0;
}

.k2fish-order-notes-block {
    margin-top: 26px;
    padding: 22px;
}

.k2fish-order-notes-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.k2fish-order-notes-list li + li {
    margin-top: 12px;
}

.k2fish-order-notes-list .woocommerce-OrderUpdate-description {
    padding: 14px 16px;
    border-radius: 14px;
    background: var(--k2fish-soft);
}

.k2fish-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 12px;
}

.k2fish-native-page form .form-row-wide,
.k2fish-native-page form .woocommerce-form-row--wide {
    grid-column: 1 / -1;
}

.k2fish-native-page form fieldset {
    margin: 26px 0;
    padding: 20px;
    border: 1px solid var(--k2fish-line);
    border-radius: 18px;
}

.k2fish-native-page form fieldset legend {
    padding: 0 10px;
    color: var(--k2fish-text);
    font-size: 18px;
    font-weight: 850;
}

@media (max-width: 900px) {
    .k2fish-address-grid,
    .k2fish-form-grid,
    .k2fish-order-card-top,
    .k2fish-order-item-card {
        grid-template-columns: 1fr;
    }

    .k2fish-order-item-media {
        width: 100%;
        height: 220px;
    }
}

/* v0.3.1 - menu area refinement */
.k2fish-account-layout {
    grid-template-columns: minmax(250px, 290px) minmax(0, 1fr);
}

.k2fish-account-nav-card {
    padding: 16px;
}

.k2fish-account-nav-brand {
    margin-bottom: 14px;
    padding: 10px 12px 16px;
}

.k2fish-account-nav-brand strong {
    font-size: 22px;
}

.k2fish-manual-navigation {
    display: block ;
}

.k2fish-manual-navigation > *:not(ul) {
    display: none ;
}

.k2fish-account-nav-card .woocommerce-MyAccount-navigation ul {
    gap: 8px;
}

.k2fish-account-nav-card .woocommerce-MyAccount-navigation a {
    min-height: 54px;
    gap: 14px;
    padding: 13px 14px ;
    border-radius: 16px;
    font-size: 13px;
}

.k2fish-account-nav-card .woocommerce-MyAccount-navigation a::before {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    font-size: 15px;
}

.k2fish-account-nav-card .woocommerce-MyAccount-navigation .is-active a {
    border-color: rgba(255,255,255,.75);
    background: linear-gradient(180deg,#ffffff 0%,#f6fbfc 100%);
}

.k2fish-account-nav-card .woocommerce-MyAccount-navigation .is-active a::after {
    content: "";
    display: block ;
    position: absolute;
    right: 12px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--k2fish-teal);
    transform: translateY(-50%);
}

.k2fish-account-nav-card .woocommerce-MyAccount-navigation li + li {
    margin-top: 0 ;
}

/* keep duplicate profile blocks out of the Account UX navigation card */
.k2fish-account-nav-card .woocommerce-MyAccount-user,
.k2fish-account-nav-card .myaccount_user,
.k2fish-account-nav-card .account-user,
.k2fish-account-nav-card .account-user-wrap,
.k2fish-account-nav-card .customer-profile,
.k2fish-account-nav-card .user-profile,
.k2fish-account-nav-card .welcome,
.k2fish-account-nav-card > div:not(.k2fish-account-nav-brand):not(.woocommerce-MyAccount-navigation) {
    display: none ;
}

/* keep the custom navigation as the only visible menu block */
.k2fish-account-nav-card .woocommerce-MyAccount-navigation {
    background: transparent ;
}

@media (max-width: 900px) {
    .k2fish-account-layout {
        grid-template-columns: 1fr;
    }

    .k2fish-account-nav-card {
        padding: 14px;
    }

    .k2fish-account-nav-card .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* v0.3.2 - mobile readiness */
.k2fish-table-wrap {
    -webkit-overflow-scrolling: touch;
}

.k2fish-row-actions a,
.k2fish-primary-action,
.k2fish-secondary-action,
.k2fish-action-list a,
.k2fish-table-action,
.k2fish-account-nav-card .woocommerce-MyAccount-navigation a {
    touch-action: manipulation;
}

@media (max-width: 1024px) {
    .k2fish-account-layout {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .k2fish-account-nav-card {
        position: static;
    }

    .k2fish-account-nav-card .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .k2fish-stats-grid,
    .k2fish-quote-stats,
    .k2fish-feature-grid,
    .k2fish-dashboard-grid,
    .k2fish-address-grid,
    .k2fish-form-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .k2fish-account-app {
        padding: 0 12px 34px;
    }

    .k2fish-account-shell {
        gap: 16px;
    }

    .k2fish-account-welcome {
        min-height: auto;
        gap: 14px;
        padding: 18px 16px;
        border-radius: 18px;
    }

    .k2fish-account-avatar,
    .k2fish-account-avatar img,
    .k2fish-account-avatar .avatar {
        width: 64px;
        height: 64px;
        flex: 0 0 64px;
    }

    .k2fish-account-welcome h1,
    .k2fish-page-heading h2 {
        font-size: 24px;
        line-height: 1.08;
        margin-bottom: 8px;
    }

    .k2fish-page-eyebrow {
        font-size: 11px;
        letter-spacing: .08em;
    }

    .k2fish-account-welcome p:last-child,
    .k2fish-page-heading p,
    .k2fish-panel-card p,
    .k2fish-feature-card p,
    .k2fish-stat-card small,
    .k2fish-empty-state p,
    .k2fish-mini-stat em,
    .k2fish-order-card-meta,
    .k2fish-order-item-meta-inline {
        font-size: 14px;
        line-height: 1.45;
    }

    .k2fish-content-card,
    .k2fish-order-card,
    .k2fish-address-card,
    .k2fish-order-notes-block,
    .k2fish-stat-card,
    .k2fish-panel-card,
    .k2fish-feature-card {
        padding: 18px;
        border-radius: 18px;
    }

    .k2fish-account-nav-card {
        padding: 12px;
        border-radius: 18px;
    }

    .k2fish-account-nav-brand {
        padding: 8px 10px 14px;
        margin-bottom: 10px;
    }

    .k2fish-account-nav-brand strong {
        font-size: 20px;
    }

    .k2fish-account-nav-card .woocommerce-MyAccount-navigation ul,
    .k2fish-stats-grid,
    .k2fish-quote-stats,
    .k2fish-feature-grid,
    .k2fish-dashboard-grid,
    .k2fish-action-list,
    .k2fish-address-grid,
    .k2fish-form-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .k2fish-account-nav-card .woocommerce-MyAccount-navigation a {
        min-height: 52px;
        padding: 12px 13px ;
        font-size: 13px;
    }

    .k2fish-page-heading,
    .k2fish-section-header {
        margin-bottom: 18px;
        padding-top: 0;
    }

    .k2fish-page-heading-inline,
    .k2fish-section-header,
    .k2fish-mini-stat,
    .k2fish-order-card-top {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .k2fish-mini-stat {
        padding: 16px;
    }

    .k2fish-mini-stat-icon {
        width: 52px;
        height: 52px;
        flex: 0 0 52px;
        font-size: 22px;
    }

    .k2fish-mini-stat strong,
    .k2fish-stat-card strong {
        font-size: 24px;
    }

    .k2fish-order-card-products {
        gap: 8px;
    }

    .k2fish-order-thumb {
        width: 58px;
        height: 58px;
        border-radius: 12px;
    }

    .k2fish-order-item-card {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .k2fish-order-item-media {
        width: 100%;
        height: 180px;
    }

    .k2fish-order-item-content h4,
    .k2fish-order-card h3,
    .k2fish-address-card h4 {
        font-size: 20px;
    }

    .k2fish-order-card-actions {
        grid-template-columns: 1fr;
    }

    .k2fish-row-actions {
        flex-wrap: wrap;
    }

    .k2fish-row-actions a {
        width: 44px;
        height: 44px;
    }

    .k2fish-table-wrap {
        margin: 0 -6px;
        padding: 0 6px 6px;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .k2fish-quotes-table,
    .k2fish-account-main .woocommerce-orders-table,
    .k2fish-account-main .woocommerce-table,
    .k2fish-account-main table.shop_table {
        min-width: 680px;
    }

    .k2fish-native-page form fieldset {
        padding: 16px;
        border-radius: 16px;
    }

    .k2fish-account-welcome::after {
        display: none;
    }
}

/* Stateful business profiles rendered centrally by Account UX. */
.k2fish-account-business-profile {
    display: grid;
    gap: 18px;
    min-width: 0;
    max-width: 100%;
}

.k2fish-account-business-profile-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px;
    border: 1px solid var(--k2fish-line, #dce8f2);
    border-radius: 18px;
    background: linear-gradient(135deg, #f8fbff, #eefbfe);
}

.k2fish-account-business-profile-head > div {
    min-width: 0;
}

.k2fish-account-business-profile-head h2 {
    margin: 0 0 6px;
    color: var(--k2fish-navy, #06243d);
    font-size: clamp(22px, 4vw, 30px);
    line-height: 1.18;
}

.k2fish-account-business-profile-location {
    display: block;
    margin-bottom: 7px;
    color: var(--k2fish-accent, #087f9c);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.k2fish-account-business-profile-head p {
    margin: 0;
    color: var(--k2fish-muted, #64748b);
    line-height: 1.5;
}

.k2fish-account-business-profile-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.k2fish-account-business-profile-guidance {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.k2fish-account-business-profile-guidance > div {
    min-width: 0;
    padding: 15px 16px;
    border: 1px solid var(--k2fish-line, #dce8f2);
    border-radius: 14px;
    background: #fff;
}

.k2fish-account-business-profile-guidance strong {
    display: block;
    margin-bottom: 5px;
    color: var(--k2fish-navy, #06243d);
}

.k2fish-account-business-profile-guidance p {
    margin: 0;
    color: var(--k2fish-muted, #64748b);
    line-height: 1.5;
}

.k2fish-account-business-profile-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    width: 100%;
    inline-size: 100%;
    min-width: 0;
    max-width: 100%;
}

.k2fish-account-business-profile-body > *,
.k2fish-account-business-profile-body .k2fish-integrated-content,
.k2fish-account-business-profile-body .k2fish-module-card {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .k2fish-account-business-profile-head {
        align-items: stretch;
        flex-direction: column;
        padding: 16px;
    }

    .k2fish-account-business-profile-actions .k2fish-button {
        width: 100%;
    }

    .k2fish-account-business-profile-guidance {
        grid-template-columns: 1fr;
    }
}

/* v0.3.6 - uniformização tipográfica e hover do menu */
.k2fish-account-shell,
.k2fish-account-shell button,
.k2fish-account-shell input,
.k2fish-account-shell select,
.k2fish-account-shell textarea {
    font-family: inherit;
}

.k2fish-account-shell {
    font-size: 14px;
    line-height: 1.5;
}

.k2fish-account-shell p,
.k2fish-account-shell li,
.k2fish-account-shell td,
.k2fish-account-shell th,
.k2fish-account-shell label,
.k2fish-account-shell input,
.k2fish-account-shell select,
.k2fish-account-shell textarea,
.k2fish-account-shell .woocommerce-Price-amount,
.k2fish-account-shell .amount {
    font-size: 14px;
    line-height: 1.5;
}

.k2fish-page-eyebrow {
    margin-bottom: 6px;
    font-size: 11px;
    letter-spacing: .08em;
}

.k2fish-account-welcome h1,
.k2fish-page-heading h2 {
    margin-bottom: 8px;
    font-size: clamp(26px, 2.4vw, 36px);
    line-height: 1.08;
}

.k2fish-panel-card-header h3,
.k2fish-feature-card h3,
.k2fish-section-header h3,
.k2fish-empty-state h3,
.k2fish-order-card h3,
.k2fish-address-card h4,
.k2fish-order-item-content h4 {
    font-size: 18px;
    line-height: 1.2;
}

.k2fish-stat-card strong,
.k2fish-mini-stat strong {
    font-size: 30px;
}

.k2fish-mini-stat small,
.k2fish-quotes-table th,
.k2fish-order-card-label {
    font-size: 11px;
    letter-spacing: .06em;
}

.k2fish-content-card,
.k2fish-order-card,
.k2fish-address-card,
.k2fish-order-notes-block,
.k2fish-stat-card,
.k2fish-panel-card,
.k2fish-feature-card,
.k2fish-mini-stat,
.k2fish-empty-state,
.k2fish-order-totals-card {
    border-radius: 16px;
}

.k2fish-expandable-navigation .k2fish-nav-group {
    border-color: rgba(14, 42, 54, .08);
    background: #fcfdfe;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.k2fish-expandable-navigation .k2fish-nav-group:hover {
    border-color: rgba(19, 183, 189, .18);
    box-shadow: 0 6px 16px rgba(13, 39, 51, .04);
}

.k2fish-expandable-navigation .k2fish-nav-group-title {
    min-height: 48px;
    padding: 10px 12px;
    background: #ffffff;
    transition: background .18s ease, color .18s ease;
}

.k2fish-expandable-navigation .k2fish-nav-group-title:hover {
    background: #f5fafc;
}

.k2fish-expandable-navigation .k2fish-nav-group[open] {
    background: #f7fbfc;
    border-color: rgba(19, 183, 189, .22);
}

.k2fish-expandable-navigation .k2fish-nav-group[open] > .k2fish-nav-group-title {
    background: #eef7fa;
    border-bottom-color: rgba(14, 42, 54, .06);
}

.k2fish-expandable-navigation .k2fish-nav-group ul {
    background: #fdfefe;
}

.k2fish-account-nav-card .k2fish-expandable-navigation ul,
.k2fish-mobile-nav-panel .k2fish-expandable-navigation ul {
    padding: 8px ;
}

.k2fish-account-nav-card .k2fish-expandable-navigation a,
.k2fish-mobile-nav-panel .k2fish-expandable-navigation a {
    min-height: 40px;
    border: 1px solid transparent;
    background: #ffffff;
    color: #556871 ;
    font-size: 13px;
    font-weight: 650;
}

.k2fish-account-nav-card .k2fish-expandable-navigation a:hover,
.k2fish-mobile-nav-panel .k2fish-expandable-navigation a:hover {
    background: #eef8fa;
    border-color: rgba(19, 183, 189, .20);
    color: var(--k2fish-text) ;
    transform: none;
}

.k2fish-account-nav-card .k2fish-expandable-navigation a::before,
.k2fish-mobile-nav-panel .k2fish-expandable-navigation a::before {
    background: #f3f7f9;
    color: #7a919c;
}

.k2fish-account-nav-card .k2fish-expandable-navigation .is-active a,
.k2fish-mobile-nav-panel .k2fish-expandable-navigation .is-active a {
    border-color: rgba(19, 183, 189, .25);
    background: #eaf7f8;
}

.k2fish-account-shell .woocommerce-MyAccount-content table th,
.k2fish-account-shell .woocommerce-MyAccount-content table td,
.k2fish-order-totals-table th,
.k2fish-order-totals-table td {
    font-size: 14px;
}

.k2fish-account-shell .woocommerce-MyAccount-content .button,
.k2fish-primary-action,
.k2fish-secondary-action,
.k2fish-table-action {
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .k2fish-account-shell {
        font-size: 14px;
    }

    .k2fish-account-welcome h1,
    .k2fish-page-heading h2 {
        font-size: 24px;
    }

    .k2fish-panel-card-header h3,
    .k2fish-feature-card h3,
    .k2fish-section-header h3,
    .k2fish-empty-state h3,
    .k2fish-order-card h3,
    .k2fish-address-card h4,
    .k2fish-order-item-content h4 {
        font-size: 17px;
    }

    .k2fish-stat-card strong,
    .k2fish-mini-stat strong {
        font-size: 24px;
    }
}


/* v0.3.7 - mobile menu sem scroll interno */
@media (max-width: 767px) {
    .k2fish-mobile-nav-panel {
        max-height: none ;
        overflow: visible ;
        -webkit-overflow-scrolling: auto;
        padding: 10px 10px 12px;
    }

    .k2fish-mobile-nav[open] {
        overflow: visible;
    }

    .k2fish-mobile-nav-panel .k2fish-grouped-navigation,
    .k2fish-mobile-nav-panel .k2fish-expandable-navigation {
        gap: 9px;
    }

    .k2fish-mobile-nav-panel .k2fish-expandable-navigation .k2fish-nav-group {
        border-radius: 13px;
        box-shadow: none;
    }

    .k2fish-mobile-nav-panel .k2fish-expandable-navigation .k2fish-nav-group-title {
        min-height: 46px;
        padding: 9px 11px;
    }

    .k2fish-mobile-nav-panel .k2fish-expandable-navigation .k2fish-nav-group-title strong {
        font-size: 14px;
    }

    .k2fish-mobile-nav-panel .k2fish-expandable-navigation .k2fish-nav-group-title em {
        width: 20px;
        height: 20px;
        font-size: 10px;
    }

    .k2fish-mobile-nav-panel .k2fish-expandable-navigation ul {
        padding: 7px ;
        max-height: none ;
        overflow: visible ;
    }

    .k2fish-mobile-nav-panel .k2fish-expandable-navigation a {
        min-height: 42px;
        padding: 9px 10px ;
    }

    .k2fish-mobile-nav-panel .k2fish-nav-group:not([open]) {
        background: #fff;
    }

    .k2fish-mobile-nav-panel .k2fish-nav-group.is-group-active {
        border-color: rgba(19, 183, 189, .24);
    }
}


/* v0.3.8 - correção + / - nos menus expansíveis */
.k2fish-mobile-nav > summary::after {
    content: '+' ;
}

.k2fish-mobile-nav[open] > summary::after {
    content: '–' ;
}

.k2fish-expandable-navigation .k2fish-nav-group > .k2fish-nav-group-title::after {
    content: '+' ;
    transform: none ;
    color: #7c8b93;
    font-size: 18px;
    font-weight: 900;
}

.k2fish-expandable-navigation .k2fish-nav-group[open] > .k2fish-nav-group-title::after {
    content: '–' ;
    transform: none ;
    color: var(--k2fish-blue);
}

.k2fish-mobile-nav-panel .k2fish-expandable-navigation .k2fish-nav-group > .k2fish-nav-group-title::after {
    content: '+' ;
}

.k2fish-mobile-nav-panel .k2fish-expandable-navigation .k2fish-nav-group[open] > .k2fish-nav-group-title::after {
    content: '–' ;
}

/* evita que o estado aberto do menu mobile principal force o ícone dos submenus */
.k2fish-mobile-nav[open] .k2fish-expandable-navigation .k2fish-nav-group:not([open]) > .k2fish-nav-group-title::after {
    content: '+' ;
}

/* v0.4.0 - integração modular dos plugins K2Fish */
.k2fish-integrations-heading {
    margin-top: 28px;
}

.k2fish-integrations-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 24px;
}

.k2fish-integration-card {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    min-height: 154px;
    padding: 18px;
    border: 1px solid rgba(14, 42, 54, .08);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(13, 39, 51, .045);
}

.k2fish-integration-icon {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: #eef7fa;
    color: var(--k2fish-blue);
    font-weight: 900;
}

.k2fish-integration-card h3 {
    margin: 0 0 8px;
    color: var(--k2fish-text);
    font-size: 17px;
    font-weight: 850;
    line-height: 1.2;
}

.k2fish-integration-card p {
    margin: 0 0 12px;
    color: var(--k2fish-muted);
    font-size: 13px;
    line-height: 1.45;
}

.k2fish-integration-card a {
    display: inline-flex;
    align-items: center;
    color: var(--k2fish-blue) ;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none ;
}

.k2fish-integration-card a:hover {
    color: var(--k2fish-text) ;
}

.k2fish-account-nav-card .woocommerce-MyAccount-navigation-link--afiliados a::before,
.k2fish-account-nav-card .woocommerce-MyAccount-navigation-link--links-cupons a::before,
.k2fish-account-nav-card .woocommerce-MyAccount-navigation-link--consultas-afiliado a::before,
.k2fish-account-nav-card .woocommerce-MyAccount-navigation-link--comissoes a::before,
.k2fish-account-nav-card .woocommerce-MyAccount-navigation-link--encomendas-afiliado a::before,
.k2fish-account-nav-card .woocommerce-MyAccount-navigation-link--materiais-divulgacao a::before,

.k2fish-nav-group-parceiros .k2fish-nav-group-icon,
.k2fish-nav-group-parceiros .k2fish-nav-group-title span {
    background: #eef7fa;
    color: var(--k2fish-blue);
}

@media (max-width: 1180px) {
    .k2fish-integrations-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .k2fish-integrations-grid {
        grid-template-columns: 1fr;
    }

    .k2fish-integration-card {
        min-height: auto;
    }
}


/* v0.4.1 - estado de integração dos módulos */
.k2fish-integration-notice {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    margin: 0 0 22px;
    padding: 16px 18px;
    border: 1px solid rgba(19, 183, 189, .20);
    border-radius: 16px;
    background: #f3fbfc;
    color: var(--k2fish-text);
}

.k2fish-integration-notice-icon {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: #e3f5f7;
    color: var(--k2fish-blue);
    font-weight: 900;
    font-size: 18px;
}

.k2fish-integration-notice strong {
    display: block;
    margin: 0 0 4px;
    color: var(--k2fish-text);
    font-size: 15px;
    font-weight: 850;
}

.k2fish-integration-notice p {
    margin: 0;
    color: var(--k2fish-muted);
    font-size: 13px;
    line-height: 1.45;
}

@media (max-width: 767px) {
    .k2fish-integration-notice {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 14px;
    }
}


/* v0.4.5 - integração segura: mantém dados reais e melhora visual sem remover forms/inputs */
.k2fish-real-content {
    display: grid;
    gap: 18px;
    margin-top: 20px;
}

.k2fish-real-card {
    position: relative;
    padding: 22px;
    border: 1px solid rgba(14, 42, 54, .08);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(13, 39, 51, .045);
}

.k2fish-real-offers-list,
.k2fish-real-preferences-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.k2fish-real-intro-card,
.k2fish-real-member-card,
.k2fish-real-interests-card,
.k2fish-real-points-card,
.k2fish-real-history-card {
    grid-column: 1 / -1;
}

.k2fish-real-offer-card::before,
.k2fish-real-preference-card::before,
.k2fish-real-member-card::before,
.k2fish-real-points-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--k2fish-teal);
    border-radius: 18px 0 0 18px;
}

.k2fish-real-card h2,
.k2fish-real-card h3,
.k2fish-real-card h4 {
    margin: 0 0 12px ;
    color: var(--k2fish-text) ;
    font-size: 20px ;
    font-weight: 850 ;
    line-height: 1.2 ;
}

.k2fish-real-card p {
    margin: 0 0 12px ;
    color: var(--k2fish-muted);
    font-size: 14px;
    line-height: 1.55;
}

.k2fish-real-card p:last-child {
    margin-bottom: 0 ;
}

.k2fish-real-card strong,
.k2fish-real-card b {
    color: var(--k2fish-text);
    font-weight: 850;
}

.k2fish-real-card code {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 8px;
    background: #f3fbfc;
    color: var(--k2fish-blue);
    font-size: 12px;
    font-weight: 800;
}

.k2fish-real-card label {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 10px 0;
    color: var(--k2fish-text);
    font-size: 14px;
    line-height: 1.4;
}

.k2fish-real-card input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    accent-color: var(--k2fish-teal);
}

.k2fish-real-card button,
.k2fish-real-card input[type="submit"],
.k2fish-real-card input[type="button"],
.k2fish-real-card .button,
.k2fish-real-card a.button {
    display: inline-flex ;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 12px;
    padding: 11px 24px ;
    border: 0 ;
    border-radius: 999px ;
    background: var(--k2fish-teal) ;
    color: #fff ;
    font-size: 12px ;
    font-weight: 850 ;
    letter-spacing: .12em ;
    text-transform: uppercase ;
    line-height: 1 ;
    text-decoration: none ;
}

.k2fish-real-preference-card {
    min-height: 190px;
}

.k2fish-real-offer-card {
    min-height: 190px;
}

.k2fish-real-club-summary .k2fish-real-member-card p,
.k2fish-real-points-summary .k2fish-real-points-card p {
    display: grid;
    grid-template-columns: minmax(220px, .7fr) minmax(0, 1fr);
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(14, 42, 54, .07);
}

.k2fish-real-club-summary .k2fish-real-member-card p:last-child,
.k2fish-real-points-summary .k2fish-real-points-card p:last-child {
    border-bottom: 0;
}

.k2fish-real-club-summary .k2fish-real-interests-card label {
    display: inline-flex;
    min-height: 34px;
    margin: 6px 8px 6px 0;
    padding: 8px 12px;
    border: 1px solid rgba(19, 183, 189, .14);
    border-radius: 999px;
    background: #f4fbfc;
    font-weight: 700;
}

@media (max-width: 900px) {
    .k2fish-real-offers-list,
    .k2fish-real-preferences-grid {
        grid-template-columns: 1fr;
    }

    .k2fish-real-card {
        padding: 18px;
    }

    .k2fish-real-club-summary .k2fish-real-member-card p,
    .k2fish-real-points-summary .k2fish-real-points-card p {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}


/* v0.4.6 - contrato visual para plugins integrados, sem parsing automático */
.k2fish-integrated-content {
    margin-top: 18px;
}

/* Classes públicas que os plugins K2Fish devem usar diretamente */
.k2fish-module-grid {
    display: grid;
    gap: 18px;
}

.k2fish-module-grid.k2fish-module-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.k2fish-module-card {
    position: relative;
    padding: 22px;
    border: 1px solid rgba(14, 42, 54, .08);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(13, 39, 51, .045);
}

.k2fish-module-card.is-accent::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--k2fish-teal);
    border-radius: 18px 0 0 18px;
}

.k2fish-module-card h3,
.k2fish-module-card h4 {
    margin: 0 0 12px ;
    color: var(--k2fish-text) ;
    font-size: 20px ;
    font-weight: 850 ;
    line-height: 1.2 ;
}

.k2fish-module-card p {
    margin: 0 0 12px ;
    color: var(--k2fish-muted);
    font-size: 14px;
    line-height: 1.55;
}

.k2fish-module-card p:last-child {
    margin-bottom: 0 ;
}

.k2fish-module-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.k2fish-module-list li,
.k2fish-module-row {
    display: grid;
    grid-template-columns: minmax(170px, .7fr) minmax(0, 1fr);
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(14, 42, 54, .07);
}

.k2fish-module-list li:last-child,
.k2fish-module-row:last-child {
    border-bottom: 0;
}

.k2fish-module-label {
    color: var(--k2fish-text);
    font-weight: 850;
}

.k2fish-module-value {
    color: var(--k2fish-muted);
}

.k2fish-module-pill-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.k2fish-module-pill,
.k2fish-module-card label.k2fish-module-pill {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid rgba(19, 183, 189, .14);
    border-radius: 999px;
    background: #f4fbfc;
    color: var(--k2fish-text);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.2;
}

.k2fish-module-card code {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 8px;
    background: #f3fbfc;
    color: var(--k2fish-blue);
    font-size: 12px;
    font-weight: 800;
}

.k2fish-module-card .button,
.k2fish-module-card button,
.k2fish-module-card input[type="submit"],
.k2fish-module-card input[type="button"] {
    display: inline-flex ;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: 12px;
    padding: 11px 24px ;
    border: 0 ;
    border-radius: 999px ;
    background: var(--k2fish-teal) ;
    color: #fff ;
    font-size: 12px ;
    font-weight: 850 ;
    letter-spacing: .12em ;
    text-transform: uppercase ;
    line-height: 1 ;
    text-decoration: none ;
}

@media (max-width: 900px) {
    .k2fish-module-grid.k2fish-module-grid-2 {
        grid-template-columns: 1fr;
    }

    .k2fish-module-card {
        padding: 18px;
    }

    .k2fish-module-list li,
    .k2fish-module-row {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}


/* v0.4.7 - Dados da conta como perfil de cliente / checkout */
.k2fish-account-profile-intro {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 22px;
}

.k2fish-account-profile-intro article {
    padding: 16px;
    border: 1px solid rgba(14, 42, 54, .08);
    border-radius: 16px;
    background: #f8fcfd;
}

.k2fish-account-profile-intro span {
    display: block;
    margin-bottom: 6px;
    color: var(--k2fish-blue);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.k2fish-account-profile-intro strong {
    display: block;
    color: var(--k2fish-text);
    font-size: 17px;
    font-weight: 900;
    line-height: 1.2;
}

.k2fish-account-profile-intro small {
    display: block;
    margin-top: 6px;
    color: var(--k2fish-muted);
    font-size: 12px;
    line-height: 1.4;
}

.k2fish-customer-profile-form {
    display: grid;
    gap: 20px;
}

.k2fish-profile-card {
    padding: 22px;
    border: 1px solid rgba(14, 42, 54, .08);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(13, 39, 51, .035);
}

.k2fish-profile-card-head {
    margin-bottom: 16px;
}

.k2fish-profile-card-head h3 {
    margin: 8px 0 6px ;
    color: var(--k2fish-text);
    font-size: 20px;
    font-weight: 900;
    line-height: 1.15;
}

.k2fish-profile-card-head p {
    margin: 0;
    color: var(--k2fish-muted);
    font-size: 14px;
    line-height: 1.5;
}

.k2fish-profile-card .k2fish-form-grid {
    margin: 0;
}

.k2fish-profile-card input[disabled] {
    background: #f4f7f8 ;
    color: var(--k2fish-muted) ;
    cursor: not-allowed;
}

.k2fish-profile-card select.woocommerce-Input {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid rgba(14, 42, 54, .14);
    border-radius: 10px;
    background: #fff;
    color: var(--k2fish-text);
}

.k2fish-inline-check {
    margin: 0 0 16px ;
    padding: 12px 14px;
    border-radius: 14px;
    background: #f3fbfc;
}

.k2fish-inline-check label {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: var(--k2fish-text);
    font-size: 14px;
    font-weight: 750;
}

.k2fish-inline-check input {
    accent-color: var(--k2fish-teal);
}

.k2fish-profile-actions {
    margin: 4px 0 0 ;
}

@media (max-width: 1000px) {
    .k2fish-account-profile-intro {
        grid-template-columns: 1fr;
    }

    .k2fish-profile-card {
        padding: 18px;
    }
}

/* v0.4.47 - iconografia oficial do UI Kit no front office + menu mais legível */
.k2fish-expandable-navigation .k2fish-nav-group-title {
    grid-template-columns: 32px minmax(0, 1fr) auto 18px;
    min-height: 58px;
    padding: 10px 12px;
}

.k2fish-expandable-navigation .k2fish-nav-group-title .k2fish-nav-group-icon {
    display: inline-grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 11px;
    background: #eef7fa;
    color: var(--k2fish-blue);
    letter-spacing: 0;
}

.k2fish-expandable-navigation .k2fish-nav-group-title .k2fish-nav-group-copy {
    display: block;
    min-width: 0;
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font-size: inherit;
    letter-spacing: 0;
    place-items: initial;
}

.k2fish-expandable-navigation .k2fish-nav-group-title .k2fish-nav-group-copy strong,
.k2fish-expandable-navigation .k2fish-nav-group-title .k2fish-nav-group-copy small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.k2fish-expandable-navigation .k2fish-nav-group-title .k2fish-nav-group-copy strong {
    color: var(--k2fish-text);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.12;
}

.k2fish-expandable-navigation .k2fish-nav-group-title .k2fish-nav-group-copy small {
    margin-top: 3px;
    color: var(--k2fish-muted);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
}

.k2fish-account-nav-card .k2fish-grouped-navigation a,
.k2fish-mobile-nav-panel .k2fish-grouped-navigation a {
    gap: 9px;
    min-height: 44px;
}

.k2fish-account-nav-card .k2fish-grouped-navigation a::before,
.k2fish-mobile-nav-panel .k2fish-grouped-navigation a::before {
    content: none ;
    display: none ;
}

.k2fish-nav-item-icon {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 10px;
    background: #f4f8fa;
    color: #73919d;
}

.k2fish-nav-item-icon svg,
.k2fish-nav-group-icon svg,
.k2fish-stat-card-icon svg,
.k2fish-integration-icon svg {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.k2fish-nav-item-label {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k2fish-account-nav-card .k2fish-grouped-navigation .is-active .k2fish-nav-item-icon,
.k2fish-mobile-nav-panel .k2fish-grouped-navigation .is-active .k2fish-nav-item-icon {
    background: var(--k2fish-teal);
    color: #fff;
}

.k2fish-nav-group-logout .k2fish-nav-item-icon {
    background: #fff3f3;
    color: #9a4a4a;
}

.k2fish-stat-card {
    position: relative;
}

.k2fish-stat-card-icon {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 12px;
    border-radius: 14px;
    background: #eef7fa;
    color: var(--k2fish-blue);
}

@media (max-width: 767px) {
    .k2fish-expandable-navigation .k2fish-nav-group-title {
        grid-template-columns: 32px minmax(0, 1fr) auto 18px;
        min-height: 56px;
    }

    .k2fish-expandable-navigation .k2fish-nav-group-title .k2fish-nav-group-copy small {
        display: none;
    }
}

/* v0.6.10-rc2 - contrato fluido para formulários produzidos pelo Account UX. */
.k2fish-integrated-content form.k2fish-module-card.k2fish-form {
    display: grid;
    gap: 16px;
    width: min(100%, 780px);
    inline-size: min(100%, 780px);
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 22px;
    box-sizing: border-box;
    background: #fff;
    color: var(--k2fish-text);
}

.k2fish-integrated-content form.k2fish-module-card.k2fish-form > .k2fish-section-header {
    margin-bottom: 0;
}

.k2fish-integrated-content form.k2fish-module-card.k2fish-form > label:not(.k2fish-inline-check) {
    display: grid;
    gap: 7px;
    min-width: 0;
    margin: 0;
    color: var(--k2fish-text);
    font-weight: 750;
}

.k2fish-integrated-content form.k2fish-module-card.k2fish-form > label:not(.k2fish-inline-check) > input:not([type="hidden"]):not([type="checkbox"]),
.k2fish-integrated-content form.k2fish-module-card.k2fish-form > label:not(.k2fish-inline-check) > select,
.k2fish-integrated-content form.k2fish-module-card.k2fish-form > label:not(.k2fish-inline-check) > textarea {
    display: block;
    width: 100%;
    inline-size: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding: 10px 12px;
    box-sizing: border-box;
    border: 1px solid rgba(14, 42, 54, .14);
    border-radius: 10px;
    background: #fff;
    color: var(--k2fish-text);
}

.k2fish-integrated-content form.k2fish-module-card.k2fish-form > label:not(.k2fish-inline-check) > textarea {
    min-height: 112px;
    resize: vertical;
}

.k2fish-integrated-content form.k2fish-module-card.k2fish-form > label > small {
    color: var(--k2fish-muted);
    font-weight: 500;
}

.k2fish-integrated-content form.k2fish-module-card.k2fish-form > label.k2fish-inline-check {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: var(--k2fish-text);
}

.k2fish-integrated-content form.k2fish-module-card.k2fish-form > label.k2fish-inline-check > input {
    width: auto;
    inline-size: auto;
    flex: 0 0 auto;
    margin: 3px 0 0;
}

.k2fish-integrated-content form.k2fish-module-card.k2fish-form > .k2fish-button {
    justify-self: start;
    max-width: 100%;
    margin-top: 0;
}

@media (max-width: 767px) {
    .k2fish-integrated-content form.k2fish-module-card.k2fish-form {
        width: 100%;
        inline-size: 100%;
        max-width: 100%;
        padding: 18px;
    }

    .k2fish-integrated-content form.k2fish-module-card.k2fish-form > .k2fish-button {
        width: 100%;
        justify-self: stretch;
    }

    /* v0.6.10-rc7 - keep product/link collections inside the business-profile column. */
    .k2fish-account-business-profile .k2fish-module-list,
    .k2fish-account-business-profile .k2fish-module-row,
    .k2fish-account-business-profile .k2fish-module-row > *,
    .k2fish-account-business-profile .k2fish-row-actions {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    .k2fish-account-business-profile .k2fish-module-row {
        width: 100%;
        inline-size: 100%;
    }

    .k2fish-account-business-profile .k2fish-module-row img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .k2fish-account-business-profile .k2fish-row-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

    .k2fish-account-business-profile .k2fish-row-actions > *,
    .k2fish-account-business-profile .k2fish-module-row code {
        min-width: 0;
        max-width: 100%;
        overflow-wrap: anywhere;
        white-space: normal;
    }
}
.woocommerce-account .k2fish-account-icon {
    display: inline-block;
    flex: 0 0 auto;
    max-width: 1.5rem;
    max-height: 1.5rem;
    vertical-align: middle;
}

.woocommerce-account .k2fish-account-icon + span {
    min-width: 0;
}

@media (max-width: 782px) {
    .woocommerce-account #wpadminbar {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
}

/* v0.9.0-rc2 - approved structural shell, navigation and viewport drawer. */
.k2fish-account-app {
    --k2a-sticky-offset: 0px;
    position: relative;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    color: var(--k2a-text);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.5;
    overflow-x: clip;
    overflow-wrap: break-word;
    writing-mode: horizontal-tb;
    -webkit-font-smoothing: antialiased;
}

.admin-bar .k2fish-account-app {
    --k2a-sticky-offset: 32px;
}

.k2fish-account-app *,
.k2fish-account-app *::before,
.k2fish-account-app *::after {
    box-sizing: border-box;
    min-width: 0;
}

.k2fish-account-app [hidden] {
    display: none;
}

.k2fish-account-app .k2fish-account-skip-link {
    position: absolute;
    z-index: var(--k2a-z-toast);
    top: var(--k2a-space-2);
    left: max(var(--k2a-space-4), calc((100% - min(calc(100% - 48px), var(--k2a-shell-max-width))) / 2 + var(--k2a-space-4)));
    width: 1px;
    height: 1px;
    min-height: 44px;
    padding: var(--k2a-space-3) var(--k2a-space-4);
    overflow: clip;
    border-radius: var(--k2a-radius-control);
    background: var(--k2a-navy);
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    color: var(--k2a-surface);
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    white-space: nowrap;
}

.k2fish-account-app .k2fish-account-skip-link:focus {
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    clip-path: none;
}

.k2fish-account-app > .k2fish-account-shell {
    isolation: isolate;
    position: relative;
    display: grid;
    grid-template-columns: var(--k2a-sidebar-width) minmax(0, 1fr);
    width: 100%;
    min-height: 860px;
    max-width: none;
    margin: 0;
    padding: 0;
    gap: 0;
    overflow: visible;
    border: 1px solid rgba(190, 204, 216, .88);
    border-radius: var(--k2a-radius-shell);
    background: var(--k2a-surface);
    box-shadow: var(--k2a-shadow-2);
}

.k2fish-account-app .k2fish-account-sidebar,
.k2fish-account-app .k2fish-account-main,
.k2fish-account-app .k2fish-account-content,
.k2fish-account-app .k2fish-account-content-region,
.k2fish-account-app .woocommerce-MyAccount-content {
    min-width: 0;
    max-width: 100%;
}

.k2fish-account-app > .k2fish-account-shell > .k2fish-account-sidebar {
    position: relative;
    z-index: 10;
    top: auto;
    display: flex;
    width: var(--k2a-sidebar-width);
    max-height: none;
    padding: var(--k2a-space-6) 18px 18px;
    overflow-x: hidden;
    overflow-y: auto;
    color: #f5fbff;
    background:
        radial-gradient(circle at 50% 78%, rgba(0, 137, 195, .38), transparent 32%),
        linear-gradient(165deg, var(--k2a-navy) 0%, var(--k2a-navy-mid) 62%, #06436c 100%);
    scrollbar-color: rgba(255, 255, 255, .32) transparent;
    scrollbar-width: thin;
}

.k2fish-account-app > .k2fish-account-shell > .k2fish-account-sidebar::after,
.k2fish-account-app .k2fish-account-drawer::after {
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
    left: 0;
    height: 224px;
    content: "";
    opacity: .34;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 28% 88%, transparent 0 25%, rgba(121, 210, 233, .44) 26% 27%, transparent 28%),
        linear-gradient(165deg, transparent 48%, rgba(1, 19, 40, .8) 49% 58%, transparent 59%),
        linear-gradient(194deg, transparent 57%, rgba(19, 111, 155, .58) 58% 65%, transparent 66%);
}

.k2fish-account-app .k2fish-account-nav-card {
    position: static;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.k2fish-account-app .k2fish-account-nav-brand {
    min-height: 76px;
    margin: 0;
    padding: 0 12px var(--k2a-space-5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
    color: var(--k2a-surface);
}

.k2fish-account-app .k2fish-account-nav-brand strong,
.k2fish-account-app .k2fish-account-nav-brand span {
    display: block;
    color: inherit;
}

.k2fish-account-app .k2fish-account-nav-brand strong {
    order: 1;
    font-size: 22px;
    font-style: italic;
    font-weight: 900;
    letter-spacing: -.05em;
    line-height: 1;
    text-transform: uppercase;
}

.k2fish-account-app .k2fish-account-nav-brand span {
    order: 2;
    margin-top: var(--k2a-space-2);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.35;
    opacity: .76;
    text-transform: uppercase;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-grouped-navigation {
    position: static;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    float: none;
    width: 100%;
    margin: var(--k2a-space-4) 0 0;
    padding: 0;
    gap: 3px;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group {
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 1px solid transparent;
    border-radius: var(--k2a-radius-control);
    background: transparent;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group + .k2fish-nav-group {
    margin-top: 3px;
    padding: 0;
    border-top-color: transparent;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group[open] {
    border-color: rgba(255, 255, 255, .10);
    background: rgba(255, 255, 255, .045);
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group-title {
    position: relative;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto 16px;
    align-items: center;
    min-height: 44px;
    margin: 0;
    padding: 8px 10px;
    gap: 8px;
    border: 0;
    border-radius: var(--k2a-radius-control);
    background: transparent;
    color: #c5deec;
    box-shadow: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .025em;
    line-height: 1.3;
    list-style: none;
    text-transform: uppercase;
    user-select: none;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group-title::-webkit-details-marker {
    display: none;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group-title::marker {
    content: "";
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group-title::after {
    content: "⌄";
    grid-column: 4;
    display: inline-grid;
    place-items: center;
    width: 16px;
    height: 16px;
    color: #9ac9e3;
    font-size: 15px;
    line-height: 16px;
    transition: transform var(--k2a-transition-fast);
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group[open] > .k2fish-nav-group-title::after {
    color: var(--k2a-surface);
    transform: rotate(180deg);
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group-icon {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: var(--k2a-radius-control);
    background: rgba(255, 255, 255, .08);
    color: #b8d7e8;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group-copy {
    display: block;
    width: auto;
    height: auto;
    color: inherit;
    background: transparent;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group-copy strong {
    display: block;
    overflow: hidden;
    color: inherit;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .025em;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group-copy small {
    display: none;
}

.k2fish-account-app .k2fish-nav-badge {
    grid-column: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    max-width: 96px;
    padding: 2px 6px;
    overflow: hidden;
    border-radius: var(--k2a-radius-pill);
    background: var(--k2a-premium);
    color: #f4efff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-expandable-navigation ul {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
    max-height: none;
    margin: 0;
    padding: 2px 4px 6px;
    overflow: visible;
    background: transparent;
    list-style: none;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-grouped-navigation li {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    list-style: none;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-grouped-navigation a {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 40px;
    padding: 8px 10px 8px 14px;
    gap: 9px;
    border: 1px solid transparent;
    border-radius: var(--k2a-radius-control);
    background: transparent;
    color: #ebf5fb;
    box-shadow: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: none;
    text-transform: none;
    transform: none;
    transition:
        background-color var(--k2a-transition-fast),
        border-color var(--k2a-transition-fast),
        color var(--k2a-transition-fast);
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-grouped-navigation a:hover {
    border-color: rgba(255, 255, 255, .10);
    background: rgba(255, 255, 255, .06);
    color: var(--k2a-surface);
    transform: none;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-grouped-navigation .is-active a {
    border-color: rgba(0, 146, 231, .25);
    background: linear-gradient(90deg, rgba(0, 114, 188, .58), rgba(0, 100, 172, .4));
    color: var(--k2a-surface);
    box-shadow: inset 3px 0 0 #40b9f0, 0 6px 15px rgba(0, 17, 39, .18);
    font-weight: 700;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-grouped-navigation .is-active a::after {
    content: none;
}

.k2fish-account-app .k2fish-nav-item-icon {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: var(--k2a-radius-control);
    background: rgba(255, 255, 255, .08);
    color: #b8d7e8;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .is-active .k2fish-nav-item-icon {
    background: rgba(255, 255, 255, .14);
    color: var(--k2a-surface);
}

.k2fish-account-app .k2fish-nav-item-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group-logout {
    margin-top: auto;
    padding-top: 12px;
    border: 0;
    border-top: 1px solid rgba(187, 222, 239, .25);
    border-radius: 0;
    background: transparent;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group-logout ul {
    padding: 0;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group-logout a {
    border: 1px solid transparent;
    background: transparent;
    color: #ebf5fb;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group-logout a:hover {
    border-color: rgba(255, 255, 255, .10);
    background: rgba(239, 72, 88, .18);
    color: var(--k2a-surface);
}

.k2fish-account-app .k2fish-nav-group-logout .k2fish-nav-item-icon {
    background: rgba(239, 72, 88, .16);
    color: currentColor;
}

.k2fish-account-app > .k2fish-account-shell > .k2fish-account-main {
    position: relative;
    grid-column: 2;
    width: 100%;
    padding: 29px 28px 34px;
    background: var(--k2a-surface);
    scroll-margin-top: var(--k2a-space-6);
}

.k2fish-account-app .k2fish-account-main:focus {
    outline: 0;
}

.k2fish-account-app .k2fish-account-screen-header,
.k2fish-account-app .k2fish-account-content {
    width: 100%;
    max-width: none;
    margin-inline: 0;
}

.k2fish-account-app .k2fish-account-screen-header {
    position: relative;
    z-index: var(--k2a-z-content);
    min-height: 66px;
    margin-bottom: 17px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--k2a-space-6);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.k2fish-account-app .k2fish-account-screen-header-copy {
    max-width: 70ch;
}

.k2fish-account-app .k2fish-account-screen-header .k2fish-page-eyebrow {
    display: none;
    margin: 0;
}

.k2fish-account-app .k2fish-account-screen-header h1 {
    margin: 0 0 5px;
    color: var(--k2a-text);
    font-size: clamp(30px, 2.2vw, 32px);
    font-weight: 750;
    letter-spacing: -.025em;
    line-height: 1.15;
}

.k2fish-account-app .k2fish-account-screen-header p:last-child {
    max-width: 65ch;
    margin: 0;
    color: var(--k2a-text-muted);
    font-size: 16px;
    line-height: 1.5;
}

.k2fish-account-app .k2fish-account-content,
.k2fish-account-app .k2fish-account-content-region,
.k2fish-account-app .k2fish-account-content-region > .woocommerce-MyAccount-content {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    float: none;
}

.k2fish-account-app .k2fish-account-content {
    overflow-x: clip;
    container-name: k2fish-account-content;
    container-type: inline-size;
}

.k2fish-account-app .k2fish-account-notice-region:empty,
.k2fish-account-app .k2fish-account-loading-region:empty {
    display: none;
}

.k2fish-account-app .k2fish-account-notice-region:not(:empty),
.k2fish-account-app .k2fish-account-loading-region:not(:empty) {
    margin: 0 0 var(--k2a-space-4);
}

@keyframes k2fish-account-progress {
    from {
        transform: translateX(-130%);
    }

    to {
        transform: translateX(390%);
    }
}

@keyframes k2fish-account-spin {
    to {
        transform: rotate(360deg);
    }
}

.k2fish-account-app:is(.is-navigating, .is-submitting) > .k2fish-account-shell > .k2fish-account-main {
    overflow: hidden;
}

.k2fish-account-app:is(.is-navigating, .is-submitting) > .k2fish-account-shell > .k2fish-account-main::before {
    position: absolute;
    z-index: calc(var(--k2a-z-content) + 1);
    top: 0;
    left: 0;
    width: 28%;
    height: 3px;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(90deg, var(--k2a-primary), var(--k2a-accent));
    content: "";
    pointer-events: none;
    animation: k2fish-account-progress .85s linear infinite;
}

.k2fish-account-app:is(.is-navigating, .is-submitting) .k2fish-account-loading-region[data-k2fish-transient="1"] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.k2fish-account-app a[data-k2fish-navigation-pending="1"] {
    cursor: progress;
    opacity: .72;
}

.k2fish-account-app a[data-k2fish-navigation-pending="1"]::after,
.k2fish-account-app form[data-k2fish-submitting="1"] [type="submit"]::after {
    width: .8em;
    height: .8em;
    flex: 0 0 auto;
    display: inline-block;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    content: "";
    animation: k2fish-account-spin .7s linear infinite;
}

.k2fish-account-app form[data-k2fish-submitting="1"] [type="submit"] {
    cursor: progress;
    opacity: .72;
    pointer-events: none;
}

.k2fish-account-app .k2fish-account-button {
    min-height: 42px;
    padding: 9px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--k2a-space-2);
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-control);
    background: var(--k2a-surface);
    color: var(--k2a-text);
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition:
        border-color var(--k2a-transition),
        background-color var(--k2a-transition),
        color var(--k2a-transition);
}

.k2fish-account-app .k2fish-account-mobile-header,
.k2fish-account-app .k2fish-account-drawer,
.k2fish-account-app .k2fish-account-overlay {
    display: none;
}

.k2fish-account-app :where(a, button, summary, input, select, textarea, [tabindex]):focus-visible {
    outline: 0;
    box-shadow: var(--k2a-focus-ring);
}

body.k2fish-account-drawer-open {
    overflow: hidden;
    overscroll-behavior: none;
}

@media (min-width: 1200px) {
    .k2fish-account-app,
    .k2fish-account-app > .k2fish-account-shell {
        width: 100%;
        max-width: none;
        margin-inline: 0;
    }

    .k2fish-account-app > .k2fish-account-shell {
        grid-template-columns: 248px minmax(0, 1fr);
    }

    .k2fish-account-app > .k2fish-account-shell > .k2fish-account-sidebar {
        position: sticky;
        top: var(--k2a-sticky-offset);
        align-self: start;
        height: calc(100dvh - var(--k2a-sticky-offset));
        max-height: calc(100dvh - var(--k2a-sticky-offset));
    }

    .k2fish-account-app > .k2fish-account-shell > .k2fish-account-main,
    .k2fish-account-app .k2fish-account-screen-header,
    .k2fish-account-app .k2fish-account-content {
        width: 100%;
        min-width: 0;
        max-width: none;
        margin-inline: 0;
    }
}

@media (max-width: 1199px) {
    .k2fish-account-app > .k2fish-account-shell {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
        width: min(calc(100% - 32px), 1024px);
        min-height: 820px;
        margin-inline: auto;
    }

    .k2fish-account-app .k2fish-account-screen-header,
    .k2fish-account-app .k2fish-account-content {
        max-width: var(--k2a-content-max-width);
        margin-inline: auto;
    }

    .k2fish-account-app > .k2fish-account-shell > .k2fish-account-sidebar {
        display: none;
    }

    .k2fish-account-app .k2fish-account-mobile-header {
        position: sticky;
        z-index: var(--k2a-z-sticky);
        top: var(--k2a-sticky-offset);
        grid-column: 1;
        grid-row: 1;
        height: 68px;
        padding: 0 22px;
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        align-items: center;
        gap: 10px;
        color: var(--k2a-surface);
        background: linear-gradient(105deg, var(--k2a-navy), var(--k2a-navy-mid));
    }

    .k2fish-account-app .k2fish-account-menu-trigger,
    .k2fish-account-app .k2fish-account-drawer-close {
        --k2a-menu-control-background: transparent;
        width: 44px;
        height: 44px;
        min-height: 44px;
        margin: 0;
        padding: 0;
        display: inline-grid;
        place-items: center;
        border: 1px solid transparent;
        border-radius: var(--k2a-radius-control);
        background: var(--k2a-menu-control-background);
        color: var(--k2a-surface);
        box-shadow: none;
        cursor: pointer;
    }

    .k2fish-account-app .k2fish-account-menu-icon {
        display: grid;
        width: 20px;
        gap: 4px;
    }

    .k2fish-account-app .k2fish-account-menu-icon > span {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: var(--k2a-radius-pill);
        background: currentColor;
    }

    .k2fish-account-app .k2fish-account-mobile-title {
        justify-self: start;
        display: block;
        overflow: hidden;
        color: var(--k2a-surface);
        font-size: 16px;
        font-weight: 750;
        letter-spacing: -.01em;
        line-height: 1.25;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .k2fish-account-app .k2fish-account-mobile-balance {
        justify-self: end;
        width: 44px;
        height: 44px;
    }

    .k2fish-account-app > .k2fish-account-shell > .k2fish-account-main {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        padding: 24px;
    }

    .k2fish-account-app .k2fish-account-drawer {
        position: fixed;
        z-index: var(--k2a-z-drawer);
        inset: 0 auto 0 0;
        width: min(85vw, 360px);
        height: 100dvh;
        max-height: 100dvh;
        margin: 0;
        padding: 0;
        overflow: hidden;
        border: 0;
        border-radius: 0;
        color: #f5fbff;
        background:
            radial-gradient(circle at 50% 78%, rgba(0, 137, 195, .38), transparent 32%),
            linear-gradient(165deg, var(--k2a-navy) 0%, var(--k2a-navy-mid) 62%, #06436c 100%);
        box-shadow: 18px 0 50px rgba(0, 16, 33, .35);
        transform: translateX(-104%);
        transition: transform var(--k2a-transition-drawer);
    }

    .k2fish-account-app .k2fish-account-drawer.is-open {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        transform: translateX(0);
    }

    .k2fish-account-app .k2fish-account-drawer-header {
        position: relative;
        z-index: 1;
        min-height: 76px;
        padding: 12px 18px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        border-bottom: 1px solid rgba(255, 255, 255, .16);
        background: rgba(6, 26, 51, .90);
    }

    .k2fish-account-app .k2fish-account-drawer-header span:first-child {
        display: grid;
    }

    .k2fish-account-app .k2fish-account-drawer-header strong {
        color: var(--k2a-surface);
        font-size: 20px;
        font-style: italic;
        font-weight: 900;
        letter-spacing: -.05em;
        line-height: 1;
        text-transform: uppercase;
    }

    .k2fish-account-app .k2fish-account-drawer-header small {
        margin-top: 5px;
        color: #b8d7e8;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .08em;
        line-height: 1.35;
        text-transform: uppercase;
    }

    #k2fish-account-drawer .k2fish-account-drawer-close {
        --k2a-menu-control-background: rgba(255, 255, 255, .06);
        border-color: rgba(255, 255, 255, .22);
        font-size: 26px;
        line-height: 1;
    }

    #k2fish-account-drawer .k2fish-account-drawer-close,
    .k2fish-account-app .k2fish-account-mobile-header > button.k2fish-account-menu-trigger {
        /* O tema força globalmente o background de todos os botões. */
        background: var(--k2a-menu-control-background) !important;
    }

    .k2fish-account-app .k2fish-account-drawer-scroll {
        position: relative;
        z-index: 1;
        min-height: 0;
        padding: 0 18px 18px;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-color: rgba(255, 255, 255, .32) transparent;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    .k2fish-account-app .k2fish-account-drawer-scroll > .woocommerce-MyAccount-navigation {
        position: static;
        float: none;
        width: 100%;
        margin: var(--k2a-space-4) 0 0;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .k2fish-account-app .k2fish-account-overlay {
        position: fixed;
        z-index: var(--k2a-z-backdrop);
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: rgba(2, 14, 27, .62);
        backdrop-filter: blur(2px);
        cursor: pointer;
    }

    .k2fish-account-app .k2fish-account-overlay:not([hidden]) {
        display: block;
    }
}

@media (max-width: 1199px) and (min-width: 783px) {
    .admin-bar .k2fish-account-app .k2fish-account-drawer {
        top: 32px;
        height: calc(100dvh - 32px);
        max-height: calc(100dvh - 32px);
    }
}

@media (max-width: 782px) {
    .admin-bar .k2fish-account-app {
        --k2a-sticky-offset: 46px;
    }

    .admin-bar .k2fish-account-app .k2fish-account-drawer {
        top: 46px;
        height: calc(100dvh - 46px);
        max-height: calc(100dvh - 46px);
    }
}

@media (max-width: 767px) {
    .k2fish-account-app > .k2fish-account-shell {
        width: 100%;
        min-height: 100vh;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .k2fish-account-app .k2fish-account-mobile-header {
        height: 64px;
        padding: 0 12px;
        grid-template-columns: 44px minmax(0, 1fr) 44px;
    }

    .k2fish-account-app > .k2fish-account-shell > .k2fish-account-main {
        width: 100%;
        padding: 17px 16px 24px;
    }

    .k2fish-account-app .k2fish-account-screen-header {
        min-height: 58px;
        margin-bottom: 10px;
        display: block;
    }

    .k2fish-account-app .k2fish-account-screen-header .k2fish-page-eyebrow {
        display: block;
        margin: 0 0 2px;
        color: var(--k2a-primary);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .08em;
        line-height: 1.35;
        text-transform: uppercase;
    }

    .k2fish-account-app .k2fish-account-screen-header h1 {
        margin-bottom: 4px;
        font-size: 28px;
        line-height: 1.15;
    }

    .k2fish-account-app .k2fish-account-screen-header p:last-child {
        max-width: 330px;
        font-size: 15px;
        line-height: 1.5;
    }

    .k2fish-account-app .k2fish-account-drawer {
        width: min(85vw, 360px);
        padding-left: env(safe-area-inset-left);
    }

    .k2fish-account-app .k2fish-account-drawer-scroll {
        padding-bottom: calc(18px + env(safe-area-inset-bottom));
    }

    .k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-grouped-navigation a {
        min-height: 44px;
        font-size: 14px;
    }

    .k2fish-account-app .woocommerce-MyAccount-content,
    .k2fish-account-app .woocommerce-MyAccount-content > *,
    .k2fish-account-app .woocommerce-MyAccount-content form,
    .k2fish-account-app .woocommerce-MyAccount-content table {
        max-width: 100%;
    }
}

/* v0.9.0-rc4 - refined Dashboard and shared Account UX frontend components. */
.k2fish-account-app .k2fish-account-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.k2fish-account-app .k2fish-account-dashboard {
    display: grid;
    width: 100%;
    min-width: 0;
    gap: 0;
}

.k2fish-account-app .k2fish-account-hero {
    position: relative;
    min-height: 244px;
    margin: 0 0 20px;
    display: grid;
    grid-template-columns: minmax(340px, .92fr) minmax(420px, 1.08fr);
    overflow: hidden;
    border: 1px solid #cde4ef;
    border-radius: var(--k2a-radius-card);
    background:
        radial-gradient(circle at 72% 12%, rgba(255, 255, 255, .72), transparent 25%),
        linear-gradient(108deg, #eff9fc 0%, #e6f5fa 47%, #c8e8f3 100%);
    box-shadow: var(--k2a-shadow-1);
}

.k2fish-account-app .k2fish-account-hero-copy {
    position: relative;
    z-index: 2;
    align-self: center;
    padding: 32px 0 30px 36px;
}

.k2fish-account-app .k2fish-account-hero-kicker {
    display: inline-block;
    margin: 0 0 8px;
    color: var(--k2a-primary);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.k2fish-account-app .k2fish-account-hero h2 {
    max-width: 520px;
    margin: 0 0 10px;
    color: var(--k2a-text);
    font-size: clamp(36px, 3vw, 44px);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.08;
}

.k2fish-account-app .k2fish-account-hero p {
    max-width: 510px;
    margin: 0 0 20px;
    color: #38536d;
    font-size: 16px;
    line-height: 1.6;
}

.k2fish-account-app .k2fish-account-hero-art {
    align-self: end;
    min-width: 0;
}

.k2fish-account-app .k2fish-account-hero-art svg {
    display: block;
    width: 100%;
    height: auto;
    min-height: 220px;
}

.k2fish-account-app .k2fish-account-kpis {
    margin: 0 0 20px;
}

.k2fish-account-app .k2fish-account-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.k2fish-account-app .k2fish-account-kpi-grid[data-k2fish-kpi-count="1"] {
    grid-template-columns: minmax(0, 1fr);
}

.k2fish-account-app .k2fish-account-kpi-grid[data-k2fish-kpi-count="1"] .k2fish-account-kpi-card {
    width: min(100%, 280px);
    justify-self: start;
}

.k2fish-account-app .k2fish-account-kpi-grid[data-k2fish-kpi-count="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.k2fish-account-app .k2fish-account-kpi-grid[data-k2fish-kpi-count="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.k2fish-account-app .k2fish-account-kpi-card {
    position: relative;
    min-height: 132px;
    padding: 20px;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface);
    box-shadow: var(--k2a-shadow-1);
    transition:
        border-color var(--k2a-transition-fast),
        box-shadow var(--k2a-transition-fast),
        transform var(--k2a-transition-fast);
}

.k2fish-account-app .k2fish-account-kpi-card:hover,
.k2fish-account-app .k2fish-account-module-card:hover,
.k2fish-account-app .k2fish-account-activation-card:hover,
.k2fish-account-app .k2fish-account-quick-action:hover {
    border-color: #bed4e3;
    box-shadow: 0 10px 24px rgba(22, 47, 74, .1);
    transform: translateY(-2px);
}

.k2fish-account-app .k2fish-account-icon-tile {
    width: 52px;
    height: 52px;
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 14px;
    background: #e8f4fd;
    color: var(--k2a-primary);
}

.k2fish-account-app .k2fish-account-icon-tile-small {
    width: 36px;
    height: 36px;
    border-radius: 10px;
}

.k2fish-account-app .k2fish-account-kpi-card > div {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: 8px;
}

.k2fish-account-app .k2fish-account-icon-tile .k2fish-account-icon {
    width: 24px;
    height: 24px;
    max-width: 24px;
    max-height: 24px;
}

.k2fish-account-app .k2fish-account-icon-tile-small .k2fish-account-icon {
    width: 18px;
    height: 18px;
}

.k2fish-account-app .k2fish-account-kpi-value {
    margin: 0;
    color: var(--k2a-text);
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.15;
}

.k2fish-account-app .k2fish-account-kpi-card h3 {
    margin: 0;
    display: flex;
    align-items: center;
    color: var(--k2a-text);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
}

.k2fish-account-app .k2fish-account-kpi-card p {
    grid-column: 1 / -1;
    margin: 5px 0 0;
    color: var(--k2a-text-muted);
    font-size: 14px;
    line-height: 1.5;
}

.k2fish-account-app .k2fish-account-dashboard-section {
    margin-top: 20px;
}

.k2fish-account-app .k2fish-account-dashboard .k2fish-account-section-heading {
    min-height: 30px;
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.k2fish-account-app .k2fish-account-dashboard .k2fish-account-section-heading > div {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.k2fish-account-app .k2fish-account-dashboard .k2fish-account-section-heading > span {
    color: var(--k2a-text-muted);
    font-size: 14px;
    line-height: 1.4;
}

.k2fish-account-app .k2fish-account-section-line {
    width: 3px;
    height: 16px;
    flex: 0 0 auto;
    border-radius: 3px;
    background: var(--k2a-primary);
}

.k2fish-account-app .k2fish-account-section-line.is-aqua {
    background: var(--k2a-aqua);
}

.k2fish-account-app .k2fish-account-section-line.is-warning {
    background: var(--k2a-warning);
}

.k2fish-account-app .k2fish-account-section-line.is-success {
    background: var(--k2a-success);
}

.k2fish-account-app .k2fish-account-dashboard .k2fish-account-section-heading h2 {
    margin: 0;
    color: var(--k2a-text);
    font-size: 21px;
    font-weight: 800;
    letter-spacing: .01em;
    line-height: 1.2;
    text-transform: uppercase;
}

.k2fish-account-app .k2fish-account-module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.k2fish-account-app .k2fish-account-module-grid[data-k2fish-module-count="1"] {
    grid-template-columns: minmax(0, 1fr);
}

.k2fish-account-app .k2fish-account-module-grid[data-k2fish-module-count="2"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.k2fish-account-app .k2fish-account-module-grid[data-k2fish-module-count="3"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.k2fish-account-app .k2fish-account-module-card {
    min-height: 248px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface);
    box-shadow: var(--k2a-shadow-1);
    transition:
        border-color var(--k2a-transition-fast),
        box-shadow var(--k2a-transition-fast),
        transform var(--k2a-transition-fast);
}

.k2fish-account-app .k2fish-account-module-card > header {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
}

.k2fish-account-app .k2fish-account-module-card > header h3 {
    margin: 0;
    color: var(--k2a-text);
    font-size: 18px;
    font-weight: 750;
    line-height: 1.2;
}

.k2fish-account-app .k2fish-account-module-card-body {
    min-height: 116px;
    padding: 20px 0 16px;
    color: var(--k2a-text-muted);
    font-size: 15px;
    line-height: 1.6;
}

.k2fish-account-app .k2fish-account-module-card-body p {
    margin: 5px 0;
}

.k2fish-account-app .k2fish-account-module-card-body strong {
    display: block;
    color: var(--k2a-text);
    font-size: 17px;
    font-weight: 750;
    line-height: 1.35;
}

.k2fish-account-app .k2fish-account-card-label {
    color: var(--k2a-text-muted);
}

.k2fish-account-app .k2fish-account-badge {
    min-height: 23px;
    padding: 4px 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbd8e2;
    border-radius: var(--k2a-radius-pill);
    background: var(--k2a-surface-muted);
    color: var(--k2a-text-muted);
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

.k2fish-account-app .k2fish-account-badge.is-success {
    border-color: #b9e1c5;
    background: #e9f8ee;
    color: #157b43;
}

.k2fish-account-app .k2fish-account-badge.is-info {
    border-color: #b8e7e9;
    background: #e9f8f8;
    color: #007f89;
}

.k2fish-account-app .k2fish-account-badge.is-warning {
    border-color: #f2d19e;
    background: #fff6e7;
    color: #9c5700;
}

.k2fish-account-app .k2fish-account-badge.is-error {
    border-color: #efbcc3;
    background: #fff0f2;
    color: #b42335;
}

.k2fish-account-app .k2fish-account-badge[aria-disabled="true"],
.k2fish-account-app .k2fish-account-badge.is-disabled {
    opacity: .55;
}

.k2fish-account-app .k2fish-account-activation-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 245px), 1fr));
    gap: 12px;
}

.k2fish-account-app .k2fish-account-activation-card {
    min-height: 252px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--k2a-border);
    border-top: 3px solid var(--k2a-aqua);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface);
    box-shadow: var(--k2a-shadow-1);
    transition:
        border-color var(--k2a-transition-fast),
        box-shadow var(--k2a-transition-fast),
        transform var(--k2a-transition-fast);
}

.k2fish-account-app .k2fish-account-activation-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.k2fish-account-app .k2fish-account-activation-card h3 {
    margin: 12px 0 2px;
    color: var(--k2a-text);
    font-size: 19px;
    font-weight: 750;
    line-height: 1.2;
}

.k2fish-account-app .k2fish-account-activation-card > strong {
    color: #344c64;
    font-size: 16px;
    line-height: 1.4;
}

.k2fish-account-app .k2fish-account-activation-card > p {
    margin: 7px 0 16px;
    color: var(--k2a-text-muted);
    font-size: 15px;
    line-height: 1.6;
}

.k2fish-account-app .k2fish-account-activation-card > .k2fish-account-button {
    margin-top: auto;
}

.k2fish-account-app .k2fish-account-button {
    min-height: 42px;
    padding: 9px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-control);
    background: var(--k2a-surface);
    color: var(--k2a-text);
    box-shadow: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition:
        border-color var(--k2a-transition-fast),
        background-color var(--k2a-transition-fast),
        box-shadow var(--k2a-transition-fast),
        color var(--k2a-transition-fast),
        transform var(--k2a-transition-fast);
}

.k2fish-account-app .k2fish-account-button:hover {
    border-color: #9fc4dd;
    background: #f3f9fd;
    color: #004f8d;
    transform: translateY(-1px);
}

.k2fish-account-app .k2fish-account-button-primary {
    border-color: var(--k2a-primary);
    background: var(--k2a-primary);
    color: var(--k2a-surface);
}

.k2fish-account-app .k2fish-account-button-primary:hover {
    border-color: #004f8d;
    background: #004f8d;
    color: var(--k2a-surface);
}

.k2fish-account-app .k2fish-account-button-card {
    width: 100%;
    min-height: 44px;
    margin-top: auto;
    justify-content: space-between;
    border-color: var(--k2a-primary);
    background: var(--k2a-primary);
    color: var(--k2a-surface);
    box-shadow: 0 5px 12px rgba(0, 103, 180, .18);
}

.k2fish-account-app .k2fish-account-button-card:hover {
    border-color: #004f8d;
    background: #004f8d;
    color: var(--k2a-surface);
    box-shadow: 0 7px 16px rgba(0, 103, 180, .24);
}

.k2fish-account-app .k2fish-account-button.is-success {
    border-color: var(--k2a-success);
    background: var(--k2a-success);
    color: var(--k2a-surface);
}

.k2fish-account-app .k2fish-account-button.is-warning {
    border-color: var(--k2a-warning);
    background: var(--k2a-warning);
    color: #291500;
}

.k2fish-account-app .k2fish-account-button.is-error {
    border-color: var(--k2a-danger);
    background: var(--k2a-danger);
    color: var(--k2a-surface);
}

.k2fish-account-app .k2fish-account-button:disabled,
.k2fish-account-app .k2fish-account-button[aria-disabled="true"],
.k2fish-account-app .k2fish-account-button.is-disabled {
    cursor: not-allowed;
    opacity: .52;
    pointer-events: none;
    transform: none;
}

.k2fish-account-app .k2fish-account-button[aria-busy="true"],
.k2fish-account-app .k2fish-account-button.is-loading {
    cursor: progress;
    opacity: .74;
}

.k2fish-account-app .k2fish-account-action-arrow {
    flex: 0 0 auto;
    font-size: 18px;
    line-height: 1;
}

.k2fish-account-app .k2fish-account-quick-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: 12px;
}

.k2fish-account-app .k2fish-account-quick-action {
    min-height: 72px;
    padding: 15px 16px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface);
    color: var(--k2a-text);
    box-shadow: var(--k2a-shadow-1);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
    transition:
        border-color var(--k2a-transition-fast),
        box-shadow var(--k2a-transition-fast),
        transform var(--k2a-transition-fast);
}

.k2fish-account-app .k2fish-account-bottom-grid {
    margin-top: 20px;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
    gap: 18px;
}

.k2fish-account-app .k2fish-account-bottom-grid[data-k2fish-section-count="1"] {
    grid-template-columns: minmax(0, 1fr);
}

.k2fish-account-app .k2fish-account-dashboard .k2fish-account-section-heading.is-compact {
    min-height: 26px;
    margin-bottom: 8px;
}

.k2fish-account-app .k2fish-account-dashboard .k2fish-account-section-heading.is-compact h2 {
    font-size: 20px;
}

.k2fish-account-app .k2fish-account-next-steps {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface);
    box-shadow: var(--k2a-shadow-1);
}

.k2fish-account-app .k2fish-account-next-steps[data-k2fish-step-count="1"] {
    grid-template-columns: minmax(0, 1fr);
}

.k2fish-account-app .k2fish-account-next-steps[data-k2fish-step-count="1"] .k2fish-account-next-step {
    border: 0;
}

.k2fish-account-app .k2fish-account-next-step {
    min-height: 96px;
    padding: 13px 14px;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
}

.k2fish-account-app .k2fish-account-next-step:nth-child(odd) {
    border-right: 1px solid var(--k2a-border);
}

.k2fish-account-app .k2fish-account-next-step:nth-child(n + 3) {
    border-top: 1px solid var(--k2a-border);
}

.k2fish-account-app .k2fish-account-next-step h3 {
    margin: 1px 0 4px;
    color: var(--k2a-text);
    font-size: 17px;
    font-weight: 750;
    line-height: 1.2;
}

.k2fish-account-app .k2fish-account-next-step p {
    margin: 0 0 5px;
    color: var(--k2a-text-muted);
    font-size: 14px;
    line-height: 1.5;
}

.k2fish-account-app .k2fish-account-next-step a {
    min-height: 32px;
    padding: 5px 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--k2a-primary);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

.k2fish-account-app .k2fish-account-activity-list {
    overflow: hidden;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface);
    box-shadow: var(--k2a-shadow-1);
}

.k2fish-account-app .k2fish-account-activity-item {
    min-height: 68px;
    padding: 11px 14px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
}

.k2fish-account-app .k2fish-account-activity-item + .k2fish-account-activity-item {
    border-top: 1px solid var(--k2a-border);
}

.k2fish-account-app .k2fish-account-activity-icon {
    width: 32px;
    height: 32px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background: #e9f8ee;
    color: var(--k2a-success);
}

.k2fish-account-app .k2fish-account-activity-item.is-default .k2fish-account-activity-icon {
    background: #e8f4fd;
    color: var(--k2a-primary);
}

.k2fish-account-app .k2fish-account-activity-item.is-warning .k2fish-account-activity-icon {
    background: #fff6e7;
    color: #9c5700;
}

.k2fish-account-app .k2fish-account-activity-item.is-error .k2fish-account-activity-icon {
    background: #fff0f2;
    color: var(--k2a-danger);
}

.k2fish-account-app .k2fish-account-activity-item h3 {
    margin: 0;
    overflow: hidden;
    color: var(--k2a-text);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.k2fish-account-app .k2fish-account-activity-item h3 a {
    color: inherit;
    text-decoration: none;
}

.k2fish-account-app .k2fish-account-activity-item h3 a:hover {
    color: var(--k2a-primary);
}

.k2fish-account-app .k2fish-account-activity-item time,
.k2fish-account-app .k2fish-account-activity-item p {
    margin: 0;
    color: var(--k2a-text-muted);
    font-size: 14px;
    line-height: 1.5;
}

.k2fish-account-app .k2fish-account-notice,
.k2fish-account-app .k2fish-account-empty-state,
.k2fish-account-app .k2fish-account-loading-state,
.k2fish-account-app .k2fish-account-error-state {
    min-height: 104px;
    padding: 20px;
    display: grid;
    align-content: center;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface);
    color: var(--k2a-text);
    text-align: center;
}

.k2fish-account-app .k2fish-account-notice h3,
.k2fish-account-app .k2fish-account-empty-state h3,
.k2fish-account-app .k2fish-account-loading-state h3,
.k2fish-account-app .k2fish-account-error-state h3 {
    margin: 0 0 5px;
    color: inherit;
    font-size: 18px;
    line-height: 1.25;
}

.k2fish-account-app .k2fish-account-notice p,
.k2fish-account-app .k2fish-account-empty-state p,
.k2fish-account-app .k2fish-account-loading-state p,
.k2fish-account-app .k2fish-account-error-state p {
    margin: 0;
    color: var(--k2a-text-muted);
    font-size: 14px;
    line-height: 1.5;
}

.k2fish-account-app .k2fish-account-notice.is-success,
.k2fish-account-app .k2fish-account-empty-state.is-success {
    border-color: #b9e1c5;
    background: #f1faf4;
}

.k2fish-account-app .k2fish-account-notice.is-warning {
    border-color: #f2d19e;
    background: #fff9ef;
}

.k2fish-account-app .k2fish-account-notice.is-error,
.k2fish-account-app .k2fish-account-error-state {
    border-color: #efbcc3;
    background: #fff5f6;
    color: #8d1f30;
}

.k2fish-account-app .k2fish-account-loading-state {
    position: relative;
    overflow: hidden;
    cursor: progress;
}

.k2fish-account-app .k2fish-account-loading-state::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, .7) 50%, transparent 80%);
    transform: translateX(-100%);
    animation: k2fish-account-loading 1.4s ease-in-out infinite;
}

@keyframes k2fish-account-loading {
    to {
        transform: translateX(100%);
    }
}

.k2fish-account-app .k2fish-account-modal {
    position: fixed;
    z-index: var(--k2a-z-modal);
    inset: 0;
    padding: 20px;
    display: grid;
    place-items: center;
    background: rgba(4, 17, 31, .58);
    backdrop-filter: blur(3px);
}

.k2fish-account-app .k2fish-account-modal-dialog {
    position: relative;
    width: min(100%, 520px);
    max-height: calc(100dvh - 40px);
    padding: 28px;
    overflow-y: auto;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface);
    box-shadow: 0 22px 70px rgba(3, 25, 47, .3);
}

.k2fish-account-app .k2fish-account-form-section {
    padding: 20px;
    display: grid;
    gap: 16px;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface);
}

.k2fish-account-app .k2fish-account-form-section:focus-within {
    border-color: #9fc4dd;
    box-shadow: var(--k2a-focus-ring);
}

.k2fish-account-app .k2fish-account-responsive-table {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface);
    -webkit-overflow-scrolling: touch;
}

.k2fish-account-app .k2fish-account-responsive-table table {
    width: 100%;
    min-width: 640px;
    margin: 0;
    border-collapse: collapse;
}

.k2fish-account-app .k2fish-account-responsive-table :is(th, td) {
    padding: 12px 14px;
    border-bottom: 1px solid var(--k2a-border);
    text-align: left;
    vertical-align: middle;
}

.k2fish-account-app .k2fish-account-responsive-table th {
    background: var(--k2a-surface-muted);
    color: var(--k2a-text);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.k2fish-account-app .k2fish-account-responsive-table tr:last-child td {
    border-bottom: 0;
}

.k2fish-account-app :is(
    .k2fish-account-button,
    .k2fish-account-quick-action,
    .k2fish-account-next-step a,
    .k2fish-account-activity-item a
):focus-visible {
    outline: 0;
    box-shadow: var(--k2a-focus-ring);
}

@media (max-width: 1199px) {
    .k2fish-account-app .k2fish-account-hero {
        grid-template-columns: minmax(290px, .9fr) minmax(300px, 1.1fr);
    }

    .k2fish-account-app .k2fish-account-kpi-grid,
    .k2fish-account-app .k2fish-account-kpi-grid[data-k2fish-kpi-count] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .k2fish-account-app .k2fish-account-kpi-grid[data-k2fish-kpi-count="1"] {
        grid-template-columns: minmax(0, 1fr);
    }

    .k2fish-account-app .k2fish-account-module-grid,
    .k2fish-account-app .k2fish-account-module-grid[data-k2fish-module-count],
    .k2fish-account-app .k2fish-account-activation-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .k2fish-account-app .k2fish-account-module-grid[data-k2fish-module-count="1"] {
        grid-template-columns: minmax(0, 1fr);
    }

    .k2fish-account-app .k2fish-account-bottom-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .k2fish-account-app .k2fish-account-next-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .k2fish-account-app .k2fish-account-hero {
        min-height: 0;
        margin-bottom: 14px;
        grid-template-columns: minmax(0, 1fr);
    }

    .k2fish-account-app .k2fish-account-hero-copy {
        padding: 22px 20px 8px;
    }

    .k2fish-account-app .k2fish-account-hero h2 {
        font-size: 32px;
        line-height: 1.1;
    }

    .k2fish-account-app .k2fish-account-hero p {
        font-size: 16px;
    }

    .k2fish-account-app .k2fish-account-hero-art {
        margin-top: -16px;
    }

    .k2fish-account-app .k2fish-account-hero-art svg {
        min-height: 0;
    }

    .k2fish-account-app .k2fish-account-kpis {
        margin-bottom: 14px;
    }

    .k2fish-account-app .k2fish-account-kpi-grid,
    .k2fish-account-app .k2fish-account-kpi-grid[data-k2fish-kpi-count] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

    .k2fish-account-app .k2fish-account-kpi-grid[data-k2fish-kpi-count="1"] {
        grid-template-columns: minmax(0, 1fr);
    }

    .k2fish-account-app .k2fish-account-kpi-grid[data-k2fish-kpi-count="1"] .k2fish-account-kpi-card {
        width: 100%;
        min-height: 120px;
        padding: 16px;
        grid-template-columns: 46px minmax(0, 1fr);
        align-items: center;
    }

    .k2fish-account-app .k2fish-account-kpi-card {
        min-height: 132px;
        padding: 14px 12px;
        grid-template-columns: minmax(0, 1fr);
        align-content: start;
        gap: 8px;
    }

    .k2fish-account-app .k2fish-account-kpi-card .k2fish-account-icon-tile {
        width: 34px;
        height: 34px;
        border-radius: 9px;
    }

    .k2fish-account-app .k2fish-account-kpi-value {
        margin-right: 6px;
        font-size: 29px;
    }

    .k2fish-account-app .k2fish-account-kpi-card h3 {
        font-size: 16px;
    }

    .k2fish-account-app .k2fish-account-dashboard-section {
        margin-top: 16px;
    }

    .k2fish-account-app .k2fish-account-dashboard .k2fish-account-section-heading {
        margin-bottom: 8px;
    }

    .k2fish-account-app .k2fish-account-dashboard .k2fish-account-section-heading h2 {
        font-size: 20px;
    }

    .k2fish-account-app .k2fish-account-dashboard .k2fish-account-section-heading > span {
        display: none;
    }

    .k2fish-account-app .k2fish-account-module-grid,
    .k2fish-account-app .k2fish-account-module-grid[data-k2fish-module-count],
    .k2fish-account-app .k2fish-account-activation-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    .k2fish-account-app .k2fish-account-module-card {
        min-height: 232px;
        padding: 18px;
    }

    .k2fish-account-app .k2fish-account-activation-card {
        min-height: 254px;
    }

    .k2fish-account-app .k2fish-account-button {
        min-height: 44px;
    }

    .k2fish-account-app .k2fish-account-button-card {
        min-height: 44px;
    }

    .k2fish-account-app .k2fish-account-quick-actions {
        grid-template-columns: minmax(0, 1fr);
    }

    .k2fish-account-app .k2fish-account-bottom-grid {
        margin-top: 16px;
        gap: 17px;
    }

    .k2fish-account-app .k2fish-account-next-steps {
        grid-template-columns: minmax(0, 1fr);
    }

    .k2fish-account-app .k2fish-account-next-step {
        min-height: 92px;
        grid-template-columns: 36px minmax(0, 1fr);
    }

    .k2fish-account-app .k2fish-account-next-step:nth-child(n) {
        border-right: 0;
        border-bottom: 1px solid var(--k2a-border);
    }

    .k2fish-account-app .k2fish-account-next-step:last-child {
        border-bottom: 0;
    }

    .k2fish-account-app .k2fish-account-activity-item h3 {
        white-space: normal;
    }

    .k2fish-account-app .k2fish-account-modal {
        padding: 12px;
    }

    .k2fish-account-app .k2fish-account-modal-dialog {
        max-height: calc(100dvh - 24px);
        padding: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .k2fish-account-app *,
    .k2fish-account-app *::before,
    .k2fish-account-app *::after {
        scroll-behavior: auto;
        animation-duration: .01ms;
        animation-iteration-count: 1;
        transition-duration: .01ms;
    }

    .k2fish-account-app .k2fish-account-drawer {
        transition: none;
    }
}

/* 0.9.0-rc6 - shared customer account components. */
.k2fish-account-app .k2fish-native-page,
.k2fish-account-app .k2fish-account-component-stack,
.k2fish-account-app .k2fish-account-responsive-table,
.k2fish-account-app .k2fish-account-form,
.k2fish-account-app .k2fish-order-details-block,
.k2fish-account-app .k2fish-order-customer-block {
    min-width: 0;
    max-width: 100%;
}

.k2fish-account-app .k2fish-account-component-stack,
.k2fish-account-app .k2fish-account-form,
.k2fish-account-app .k2fish-order-details-block,
.k2fish-account-app .k2fish-order-customer-block {
    display: grid;
    gap: 20px;
}

.k2fish-account-app .k2fish-account-intro,
.k2fish-account-app .k2fish-account-summary,
.k2fish-account-app .k2fish-account-toolbar,
.k2fish-account-app .k2fish-account-mobile-card,
.k2fish-account-app .k2fish-download-card,
.k2fish-account-app .k2fish-address-card,
.k2fish-account-app .k2fish-order-totals-card,
.k2fish-account-app .k2fish-order-notes-block {
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface);
    box-shadow: var(--k2a-shadow-1);
}

.k2fish-account-app .k2fish-account-intro {
    padding: 16px 18px;
    border-left: 4px solid var(--k2a-primary);
}

.k2fish-account-app .k2fish-account-intro p {
    margin: 0;
    color: var(--k2a-text-muted);
}

.k2fish-account-app .k2fish-account-card-label {
    display: block;
    margin: 0 0 4px;
    color: var(--k2a-primary);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .05em;
    line-height: 1.25;
    text-transform: uppercase;
}

.k2fish-account-app .k2fish-account-action-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.k2fish-account-app .k2fish-account-action-link {
    min-height: 40px;
    padding: 9px 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid transparent;
    border-radius: var(--k2a-radius-control);
    background: var(--k2a-surface);
    color: var(--k2a-text);
    font: inherit;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: 0;
    text-transform: none;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color var(--k2a-transition), border-color var(--k2a-transition), color var(--k2a-transition), box-shadow var(--k2a-transition), transform var(--k2a-transition);
}

.k2fish-account-app .k2fish-account-action-link.is-primary {
    border-color: var(--k2a-primary);
    background: var(--k2a-primary);
    color: #fff;
}

.k2fish-account-app .k2fish-account-action-link.is-secondary {
    border-color: #a8c7da;
    background: #f5fbff;
    color: #0b5d89;
}

.k2fish-account-app .k2fish-account-action-link.is-tertiary {
    border-color: var(--k2a-border);
    background: var(--k2a-surface);
    color: var(--k2a-text-muted);
}

.k2fish-account-app .k2fish-account-action-link.is-danger {
    border-color: #e6a9b2;
    background: #fff4f5;
    color: #a12236;
}

.k2fish-account-app .k2fish-account-action-link:hover {
    box-shadow: var(--k2a-shadow-1);
    transform: translateY(-1px);
}

.k2fish-account-app .k2fish-account-action-link.is-primary:hover {
    border-color: var(--k2a-ocean);
    background: var(--k2a-ocean);
    color: #fff;
}

.k2fish-account-app .k2fish-account-action-link:focus-visible {
    outline: 0;
    box-shadow: var(--k2a-focus-ring);
}

.k2fish-account-app .k2fish-account-action-link[aria-busy="true"],
.k2fish-account-app .k2fish-account-action-link:disabled {
    opacity: .65;
    cursor: progress;
    transform: none;
}

.k2fish-account-app .k2fish-account-status {
    width: max-content;
    max-width: 100%;
    min-height: 26px;
    padding: 4px 9px;
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-pill);
    background: var(--k2a-surface-muted);
    color: var(--k2a-text-muted);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.k2fish-account-app .k2fish-account-status.is-success {
    border-color: #b9e1c5;
    background: #edf9f1;
    color: #176438;
}

.k2fish-account-app .k2fish-account-status.is-info {
    border-color: #b8d9ec;
    background: #eff8fe;
    color: #145f8c;
}

.k2fish-account-app .k2fish-account-status.is-warning {
    border-color: #f2d19e;
    background: #fff8eb;
    color: #875000;
}

.k2fish-account-app .k2fish-account-status.is-error {
    border-color: #efbcc3;
    background: #fff2f4;
    color: #941f32;
}

.k2fish-account-app .k2fish-account-toolbar {
    padding: 14px 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    gap: 12px 20px;
}

.k2fish-account-app .k2fish-account-filter-form {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 10px;
}

.k2fish-account-app .k2fish-account-filter-form label {
    min-width: min(100%, 230px);
    display: grid;
    gap: 5px;
    color: var(--k2a-text);
    font-size: 13px;
    font-weight: 750;
}

.k2fish-account-app .k2fish-account-filter-form select {
    width: 100%;
    min-height: 40px;
    padding: 8px 34px 8px 11px;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-control);
    background-color: var(--k2a-surface);
    color: var(--k2a-text);
}

.k2fish-account-app .k2fish-account-toolbar-status {
    margin: 0;
    color: var(--k2a-text-muted);
    font-size: 13px;
}

.k2fish-account-app .k2fish-account-responsive-table {
    overflow-x: auto;
}

.k2fish-account-app .k2fish-account-data-table {
    width: 100%;
    min-width: 760px;
    margin: 0;
    border: 0;
    border-collapse: collapse;
}

.k2fish-account-app .k2fish-account-data-table :is(th, td) {
    padding: 14px 15px;
    border: 0;
    border-bottom: 1px solid var(--k2a-border);
    vertical-align: middle;
    text-align: left;
}

.k2fish-account-app .k2fish-account-data-table th {
    background: var(--k2a-surface-muted);
    color: var(--k2a-text);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.k2fish-account-app .k2fish-account-data-table tbody tr:last-child td {
    border-bottom: 0;
}

.k2fish-account-app .k2fish-account-data-table tbody tr:hover {
    background: #f9fcfe;
}

.k2fish-account-app .k2fish-account-data-table td .k2fish-account-action-group {
    flex-wrap: nowrap;
}

.k2fish-account-app .k2fish-account-data-table td .k2fish-account-action-link {
    min-height: 36px;
    padding: 7px 10px;
    white-space: nowrap;
}

.k2fish-account-app .k2fish-account-mobile-list {
    display: none;
}

.k2fish-account-app .k2fish-account-mobile-card {
    padding: 18px;
    display: grid;
    gap: 16px;
}

.k2fish-account-app .k2fish-account-mobile-card > header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
}

.k2fish-account-app .k2fish-account-mobile-card h3 {
    margin: 0;
    color: var(--k2a-text);
    font-size: 20px;
    line-height: 1.2;
}

.k2fish-account-app .k2fish-account-meta-list,
.k2fish-account-app .k2fish-account-summary-grid,
.k2fish-account-app .k2fish-order-item-meta-inline {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.k2fish-account-app :is(.k2fish-account-meta-list, .k2fish-account-summary-grid, .k2fish-order-item-meta-inline) > div {
    min-width: 0;
}

.k2fish-account-app :is(.k2fish-account-meta-list, .k2fish-account-summary-grid, .k2fish-order-item-meta-inline) dt {
    margin: 0 0 3px;
    color: var(--k2a-text-muted);
    font-size: 12px;
    font-weight: 700;
}

.k2fish-account-app :is(.k2fish-account-meta-list, .k2fish-account-summary-grid, .k2fish-order-item-meta-inline) dd {
    margin: 0;
    color: var(--k2a-text);
    font-size: 14px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.k2fish-account-app .k2fish-account-pagination {
    padding-top: 4px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.k2fish-account-app .k2fish-account-pagination > span {
    color: var(--k2a-text-muted);
    font-size: 13px;
    font-weight: 700;
}

.k2fish-account-app .k2fish-account-empty-state,
.k2fish-account-app .k2fish-account-error-state {
    gap: 8px;
}

.k2fish-account-app .k2fish-account-empty-state .k2fish-account-action-group,
.k2fish-account-app .k2fish-account-empty-state > .k2fish-account-action-link {
    margin-top: 10px;
    justify-self: center;
}

.k2fish-account-app .k2fish-account-state-icon {
    width: 52px;
    height: 52px;
    margin: 0 auto 5px;
    display: inline-grid;
    place-items: center;
    border-radius: 15px;
    background: #eaf6fd;
    color: var(--k2a-primary);
}

.k2fish-account-app :is(.k2fish-account-empty-state, .k2fish-account-error-state).is-compact {
    min-height: 0;
    padding: 12px;
}

.k2fish-account-app .k2fish-account-summary {
    padding: 20px;
}

.k2fish-account-app .k2fish-native-page .k2fish-account-section-heading {
    margin: 0 0 14px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 16px;
}

.k2fish-account-app .k2fish-native-page .k2fish-account-section-heading h2 {
    margin: 0;
    color: var(--k2a-text);
    font-size: 21px;
    font-weight: 800;
    line-height: 1.25;
}

.k2fish-account-app .k2fish-native-page .k2fish-account-section-heading p {
    margin: 5px 0 0;
    max-width: 780px;
    color: var(--k2a-text-muted);
}

.k2fish-account-app .k2fish-account-summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.k2fish-account-app .k2fish-account-summary-grid > div {
    padding: 13px;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-control);
    background: var(--k2a-surface-muted);
}

.k2fish-account-app .k2fish-order-items-list {
    gap: 12px;
}

.k2fish-account-app .k2fish-order-item-card {
    border-color: var(--k2a-border);
    box-shadow: none;
}

.k2fish-account-app .k2fish-order-item-content h3 {
    margin: 0 0 12px;
    color: var(--k2a-text);
    font-size: 18px;
    line-height: 1.25;
}

.k2fish-account-app .k2fish-order-item-content h3 a {
    color: inherit;
    text-decoration: none;
}

.k2fish-account-app .k2fish-order-item-meta-inline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.k2fish-account-app .k2fish-order-totals-card {
    padding: 6px 20px;
    box-shadow: none;
}

.k2fish-account-app .woocommerce-MyAccount-content table.k2fish-order-totals-table {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    table-layout: fixed;
}

.k2fish-account-app .k2fish-order-customer-block {
    margin-top: 4px;
}

.k2fish-account-app .k2fish-address-grid {
    align-items: stretch;
}

.k2fish-account-app .k2fish-address-card {
    min-width: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    box-shadow: var(--k2a-shadow-1);
}

.k2fish-account-app .k2fish-address-card > header {
    display: flex;
    align-items: center;
    gap: 11px;
}

.k2fish-account-app .k2fish-address-card h2,
.k2fish-account-app .k2fish-address-card h3 {
    margin: 0;
    color: var(--k2a-text);
    font-size: 18px;
    line-height: 1.25;
}

.k2fish-account-app .k2fish-address-card .k2fish-address-content {
    margin: 0;
    flex: 1 1 auto;
    color: var(--k2a-text-muted);
    font-style: normal;
    overflow-wrap: anywhere;
}

.k2fish-account-app .k2fish-download-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.k2fish-account-app .k2fish-download-card {
    min-width: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.k2fish-account-app .k2fish-download-card > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.k2fish-account-app .k2fish-download-card-copy {
    min-width: 0;
}

.k2fish-account-app .k2fish-download-card h2 {
    margin: 0;
    color: var(--k2a-text);
    font-size: 18px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.k2fish-account-app .k2fish-download-card h2 a {
    color: inherit;
    text-decoration: none;
}

.k2fish-account-app .k2fish-download-file-name {
    margin: 5px 0 0;
    color: var(--k2a-text-muted);
    overflow-wrap: anywhere;
}

.k2fish-account-app .k2fish-download-card > .k2fish-account-action-link {
    margin-top: auto;
    align-self: start;
}

.k2fish-account-app .woocommerce-table--order-downloads {
    width: 100%;
    max-width: 100%;
    display: block;
    overflow-x: auto;
}

.k2fish-account-app .k2fish-payment-method-name {
    min-width: 220px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.k2fish-account-app .k2fish-payment-method-name > span:nth-child(2) {
    display: grid;
    gap: 2px;
}

.k2fish-account-app .k2fish-payment-method-name small {
    color: var(--k2a-text-muted);
}

.k2fish-account-app .k2fish-payment-method-name .k2fish-account-status {
    margin-left: auto;
}

.k2fish-account-app .k2fish-account-page-actions {
    display: flex;
    justify-content: flex-start;
}

.k2fish-account-app .k2fish-account-profile-intro {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.k2fish-account-app .k2fish-account-form-section {
    padding: 20px;
}

.k2fish-account-app .k2fish-account-form-section-header {
    display: flex;
    align-items: start;
    gap: 11px;
}

.k2fish-account-app .k2fish-account-form-section-header h2 {
    margin: 0;
    color: var(--k2a-text);
    font-size: 20px;
    line-height: 1.25;
}

.k2fish-account-app .k2fish-account-form-section-header p {
    margin: 4px 0 0;
    color: var(--k2a-text-muted);
}

.k2fish-account-app .k2fish-account-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
}

.k2fish-account-app .k2fish-account-form-grid .form-row {
    min-width: 0;
    margin: 0;
}

.k2fish-account-app .k2fish-account-form-grid .form-row-wide {
    grid-column: 1 / -1;
}

.k2fish-account-app .k2fish-account-form :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    margin: 5px 0 0;
    padding: 10px 12px;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-control);
    background: var(--k2a-surface);
    color: var(--k2a-text);
}

.k2fish-account-app .k2fish-account-form :is(input, select, textarea):focus {
    border-color: var(--k2a-primary);
    outline: 0;
    box-shadow: var(--k2a-focus-ring);
}

.k2fish-account-app .k2fish-account-form input:disabled {
    background: var(--k2a-surface-muted);
    color: var(--k2a-text-muted);
    cursor: not-allowed;
}

.k2fish-account-app .k2fish-account-form-actions {
    padding: 16px 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface);
    box-shadow: var(--k2a-shadow-1);
}

.k2fish-account-app .k2fish-form-status {
    min-height: 21px;
    margin: 0;
    color: var(--k2a-text-muted);
    font-size: 13px;
    font-weight: 700;
}

.k2fish-account-app .k2fish-form-status[data-state="pending"] {
    color: #875000;
}

.k2fish-account-app .k2fish-form-status[data-state="loading"] {
    color: var(--k2a-primary);
}

.k2fish-account-app .k2fish-account-form.has-pending-changes .k2fish-account-form-actions {
    border-color: #f2d19e;
    background: #fffaf1;
}

.k2fish-account-app .k2fish-account-form.is-submitting .k2fish-account-form-actions {
    opacity: .78;
}

.k2fish-account-app .woocommerce-error,
.k2fish-account-app .woocommerce-message,
.k2fish-account-app .woocommerce-info {
    margin: 0 0 16px;
    padding: 14px 16px;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-control);
    background: var(--k2a-surface);
    color: var(--k2a-text);
    list-style: none;
}

.k2fish-account-app .woocommerce-message {
    border-color: #b9e1c5;
    background: #f1faf4;
}

.k2fish-account-app .woocommerce-error {
    border-color: #efbcc3;
    background: #fff5f6;
    color: #8d1f30;
}

@media (max-width: 1199px) {
    .k2fish-account-app .k2fish-account-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .k2fish-account-app .k2fish-account-desktop-list {
        display: none;
    }

    .k2fish-account-app .k2fish-account-mobile-list {
        display: grid;
        gap: 12px;
    }

    .k2fish-account-app .k2fish-payment-methods {
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .k2fish-account-app .k2fish-payment-methods table,
    .k2fish-account-app .k2fish-payment-methods tbody,
    .k2fish-account-app .k2fish-payment-methods tr,
    .k2fish-account-app .k2fish-payment-methods td {
        width: 100%;
        min-width: 0;
        display: block;
    }

    .k2fish-account-app .k2fish-payment-methods thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .k2fish-account-app .k2fish-payment-methods tbody {
        display: grid;
        gap: 12px;
    }

    .k2fish-account-app .k2fish-payment-methods tr {
        padding: 8px 16px;
        border: 1px solid var(--k2a-border);
        border-radius: var(--k2a-radius-card);
        background: var(--k2a-surface);
        box-shadow: var(--k2a-shadow-1);
    }

    .k2fish-account-app .k2fish-payment-methods td {
        padding: 10px 0;
        display: grid;
        grid-template-columns: minmax(110px, .4fr) minmax(0, .6fr);
        gap: 12px;
        border-bottom: 1px solid var(--k2a-border);
    }

    .k2fish-account-app .k2fish-payment-methods td::before {
        content: attr(data-title);
        color: var(--k2a-text-muted);
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .k2fish-account-app .k2fish-payment-methods td:last-child {
        border-bottom: 0;
    }

    .k2fish-account-app .k2fish-payment-method-name {
        min-width: 0;
        align-items: start;
        flex-wrap: wrap;
    }

    .k2fish-account-app .k2fish-payment-method-name .k2fish-account-icon-tile {
        display: none;
    }

    .k2fish-account-app .k2fish-payment-method-name .k2fish-account-status {
        margin-left: 0;
    }

    .k2fish-account-app .k2fish-download-grid,
    .k2fish-account-app .k2fish-address-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 767px) {
    .k2fish-account-app .k2fish-account-component-stack,
    .k2fish-account-app .k2fish-account-form,
    .k2fish-account-app .k2fish-order-details-block,
    .k2fish-account-app .k2fish-order-customer-block {
        gap: 14px;
    }

    .k2fish-account-app .k2fish-account-toolbar,
    .k2fish-account-app .k2fish-account-filter-form,
    .k2fish-account-app .k2fish-account-filter-form label,
    .k2fish-account-app .k2fish-account-filter-form .k2fish-account-action-link {
        width: 100%;
    }

    .k2fish-account-app .k2fish-account-toolbar {
        align-items: stretch;
    }

    .k2fish-account-app .k2fish-account-toolbar-status {
        text-align: center;
    }

    .k2fish-account-app .k2fish-account-mobile-card > header,
    .k2fish-account-app .k2fish-native-page .k2fish-account-section-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .k2fish-account-app .k2fish-account-meta-list,
    .k2fish-account-app .k2fish-account-summary-grid,
    .k2fish-account-app .k2fish-order-item-meta-inline,
    .k2fish-account-app .k2fish-account-form-grid,
    .k2fish-account-app .k2fish-account-profile-intro {
        grid-template-columns: minmax(0, 1fr);
    }

    .k2fish-account-app .k2fish-account-form-grid .form-row {
        grid-column: 1;
    }

    .k2fish-account-app .k2fish-account-summary,
    .k2fish-account-app .k2fish-account-form-section,
    .k2fish-account-app .k2fish-account-mobile-card,
    .k2fish-account-app .k2fish-download-card,
    .k2fish-account-app .k2fish-address-card {
        padding: 16px;
    }

    .k2fish-account-app .k2fish-account-form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .k2fish-account-app .k2fish-account-form-actions .k2fish-account-action-group,
    .k2fish-account-app .k2fish-account-form-actions .k2fish-account-action-link,
    .k2fish-account-app .k2fish-account-page-actions .k2fish-account-action-link {
        width: 100%;
    }

    .k2fish-account-app .k2fish-payment-methods td {
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
    }

    .k2fish-account-app .k2fish-payment-methods .k2fish-account-action-group,
    .k2fish-account-app .k2fish-payment-methods .k2fish-account-action-link {
        width: 100%;
    }

    .k2fish-account-app .k2fish-order-item-card {
        padding: 14px;
    }

    .k2fish-account-app .k2fish-order-totals-card {
        padding: 5px 14px;
    }
}

/* 0.9.0-rc6.1 - mobile width, navigation hierarchy and order/form refinement. */
.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group.is-group-active {
    border-color: rgba(154, 201, 227, .34);
    background: rgba(255, 255, 255, .075);
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group.is-group-active > .k2fish-nav-group-title {
    background: rgba(255, 255, 255, .08);
    color: #f8fcff;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group.is-group-active > .k2fish-nav-group-title::after {
    color: #8fe2ff;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group.is-group-active > .k2fish-nav-group-title .k2fish-nav-group-icon {
    background: rgba(255, 255, 255, .13);
    color: #d9f3ff;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group.is-group-active .is-active a {
    border-color: #8fc8e2;
    background: #f2f9fd;
    color: #073f5d;
    box-shadow: inset 3px 0 0 #008dcc, 0 5px 12px rgba(0, 17, 39, .18);
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group.is-group-active .is-active a:hover {
    border-color: #6eb8db;
    background: #fff;
    color: #052f47;
}

.k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group.is-group-active .is-active .k2fish-nav-item-icon {
    background: #d9eff9;
    color: #075b84;
}

.k2fish-account-app .k2fish-order-products-group,
.k2fish-account-app .k2fish-order-customer-block {
    width: 100%;
    padding: 20px;
    display: grid;
    gap: 14px;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface-muted);
    box-shadow: var(--k2a-shadow-1);
}

.k2fish-account-app .k2fish-order-products-group > .k2fish-account-section-heading,
.k2fish-account-app .k2fish-order-customer-block > .k2fish-account-section-heading {
    margin-bottom: 0;
}

.k2fish-account-app .k2fish-order-products-group .k2fish-order-totals-heading {
    margin-top: 4px;
    padding-top: 16px;
    border-top: 1px solid var(--k2a-border);
}

.k2fish-account-app .k2fish-order-item-card {
    width: 100%;
    grid-template-columns: 112px minmax(0, 1fr);
    align-items: start;
    gap: 16px;
    padding: 14px;
    background: var(--k2a-surface);
}

.k2fish-account-app .k2fish-order-item-media {
    width: 112px;
    height: auto;
    padding: 8px;
    aspect-ratio: 1 / 1;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-control);
    background: #f6f8fa;
}

.k2fish-account-app .k2fish-order-item-media > a {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
}

.k2fish-account-app .k2fish-order-item-media img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: block;
    object-fit: contain;
    object-position: center;
}

.k2fish-account-app .k2fish-order-item-meta-inline {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 12px;
}

.k2fish-account-app .k2fish-order-totals-card {
    background: var(--k2a-surface);
}

.k2fish-account-app .k2fish-order-customer-block {
    margin-top: 0;
}

.k2fish-account-app .k2fish-order-customer-block .k2fish-address-card {
    background: var(--k2a-surface);
    box-shadow: none;
}

.k2fish-account-app .k2fish-order-tax-id,
.k2fish-account-app .k2fish-order-customer-block > #woocommerce_nif_info {
    margin: 12px 0 0;
    padding: 10px 12px;
    border: 1px solid #b8d9ec;
    border-radius: var(--k2a-radius-control);
    background: #eff8fe;
    color: #124f72;
    font-style: normal;
}

.k2fish-account-app .k2fish-order-customer-block > #woocommerce_nif_info {
    margin-top: -2px;
}

.k2fish-account-app .k2fish-form-status-local {
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.k2fish-account-app .k2fish-form-status[data-state="loading"]::before {
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    content: "";
    animation: k2fish-account-spin .7s linear infinite;
}

.k2fish-account-app .k2fish-form-status[data-state="success"] {
    color: #176438;
}

.k2fish-account-app .k2fish-form-status[data-state="error"] {
    color: #941f32;
}

.k2fish-account-app .k2fish-account-form.is-submitting .k2fish-account-form-actions {
    border-color: #b8d9ec;
    background: #f4faff;
    opacity: 1;
}

.k2fish-account-app form[data-k2fish-submitting="1"] [type="submit"][disabled] {
    opacity: .64;
    cursor: progress;
}

@media (max-width: 1199px) {
    .k2fish-account-app .k2fish-account-mobile-header {
        grid-template-columns: 44px minmax(0, 1fr);
        padding-inline: 16px;
    }

    .k2fish-account-app .k2fish-account-mobile-balance {
        display: none;
    }

    .k2fish-account-app .k2fish-account-mobile-header > button.k2fish-account-menu-trigger {
        border-color: rgba(255, 255, 255, .24);
        border-radius: var(--k2a-radius-pill);
    }

    .k2fish-account-app .k2fish-account-mobile-header > button.k2fish-account-menu-trigger:hover,
    .k2fish-account-app .k2fish-account-mobile-header > button.k2fish-account-menu-trigger:focus-visible {
        --k2a-menu-control-background: rgba(255, 255, 255, .1);
        border-color: rgba(255, 255, 255, .46);
    }

    .k2fish-account-app .k2fish-account-menu-icon {
        width: 18px;
        gap: 4px;
    }

    .k2fish-account-app .k2fish-account-menu-icon > span {
        width: 18px;
        height: 2px;
        opacity: .9;
    }

    .k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-nav-group-title,
    .k2fish-account-app :is(.k2fish-account-sidebar, .k2fish-account-drawer) .k2fish-grouped-navigation a {
        min-height: 44px;
    }

    .k2fish-account-app > .k2fish-account-shell > .k2fish-account-main {
        padding: 22px 20px 28px;
    }

    .k2fish-account-app .k2fish-account-summary-grid {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    }
}

@media (max-width: 767px) {
    .k2fish-account-app {
        padding-right: 4px;
        padding-left: 4px;
    }

    .k2fish-account-app .k2fish-account-mobile-header {
        padding-inline: 10px;
    }

    .k2fish-account-app > .k2fish-account-shell > .k2fish-account-main {
        padding: 17px 2px 24px;
    }

    .k2fish-account-app .k2fish-account-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .k2fish-account-app .k2fish-order-products-group,
    .k2fish-account-app .k2fish-order-customer-block {
        padding: 14px;
        gap: 12px;
    }

    .k2fish-account-app .k2fish-order-item-card {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 12px;
        padding: 12px;
    }

    .k2fish-account-app .k2fish-order-item-media {
        width: 92px;
        padding: 6px;
    }

    .k2fish-account-app .k2fish-order-item-content h3 {
        margin-bottom: 9px;
        font-size: 16px;
    }

    .k2fish-account-app .k2fish-order-item-meta-inline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .k2fish-account-app .k2fish-order-item-meta-inline > div:last-child {
        grid-column: 1 / -1;
    }

    .k2fish-account-app .k2fish-order-customer-block .k2fish-address-card {
        padding: 16px;
    }

    .k2fish-account-app .k2fish-form-status-local {
        width: 100%;
        margin: 8px 0 0;
    }
}

/* 0.9.0-rc6.2 - full-width mobile bar and contextual navigation. */
.k2fish-account-app .k2fish-account-context-back-desktop {
    width: max-content;
    max-width: 100%;
    min-height: 44px;
    margin: 0 0 8px;
    padding: 8px 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--k2a-primary);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    text-decoration: none;
}

.k2fish-account-app .k2fish-account-context-back-desktop:hover {
    color: var(--k2a-ocean);
    text-decoration: underline;
}

.k2fish-account-app .k2fish-account-context-back-desktop:focus-visible {
    border-radius: var(--k2a-radius-control);
}

@media (max-width: 1199px) {
    .k2fish-account-app {
        padding-inline: 0;
    }

    .k2fish-account-app > .k2fish-account-shell {
        width: 100%;
        margin-inline: 0;
    }

    .k2fish-account-app .k2fish-account-mobile-header {
        width: 100%;
        padding-inline: 12px;
        grid-template-columns: 44px minmax(0, 1fr) 44px;
        gap: 8px;
    }

    .k2fish-account-app .k2fish-account-mobile-title {
        width: 100%;
        justify-self: stretch;
    }

    .k2fish-account-app .k2fish-account-context-back-mobile,
    .k2fish-account-app .k2fish-account-mobile-status {
        width: 44px;
        height: 44px;
        min-height: 44px;
        margin: 0;
        padding: 0;
        display: inline-grid;
        place-items: center;
        border: 1px solid transparent;
        border-radius: var(--k2a-radius-pill);
        color: var(--k2a-surface);
        text-decoration: none;
    }

    .k2fish-account-app .k2fish-account-context-back-mobile {
        border-color: rgba(255, 255, 255, .24);
        background: rgba(255, 255, 255, .06);
        font-size: 24px;
        font-weight: 700;
        line-height: 1;
    }

    .k2fish-account-app .k2fish-account-context-back-mobile:hover,
    .k2fish-account-app .k2fish-account-context-back-mobile:focus-visible {
        border-color: rgba(255, 255, 255, .46);
        background: rgba(255, 255, 255, .12);
        color: var(--k2a-surface);
    }

    .k2fish-account-app .k2fish-account-mobile-status {
        font-size: 0;
        visibility: hidden;
    }

    .k2fish-account-app:is(.is-navigating, .is-submitting) .k2fish-account-mobile-status:not(:empty) {
        visibility: visible;
    }

    .k2fish-account-app:is(.is-navigating, .is-submitting) .k2fish-account-mobile-status:not(:empty)::before {
        width: 16px;
        height: 16px;
        border: 2px solid rgba(255, 255, 255, .42);
        border-top-color: var(--k2a-surface);
        border-radius: 50%;
        content: "";
        animation: k2fish-account-spin .7s linear infinite;
    }

    .k2fish-account-app .k2fish-account-context-back-desktop {
        display: none;
    }
}

@media (max-width: 767px) {
    .k2fish-account-app {
        padding: 0;
    }

    .k2fish-account-app .k2fish-account-mobile-header {
        padding-inline: 10px;
    }

    .k2fish-account-app > .k2fish-account-shell > .k2fish-account-main {
        padding: 17px 12px 24px;
    }

    .k2fish-account-app .k2fish-account-content,
    .k2fish-account-app .k2fish-account-content-region,
    .k2fish-account-app .woocommerce-MyAccount-content,
    .k2fish-account-app .k2fish-native-page,
    .k2fish-account-app .k2fish-account-component-stack,
    .k2fish-account-app .k2fish-account-hero,
    .k2fish-account-app .k2fish-account-mobile-card,
    .k2fish-account-app .k2fish-account-form {
        width: 100%;
    }

    .k2fish-account-app .k2fish-order-item-card {
        grid-template-columns: 104px minmax(0, 1fr);
    }

    .k2fish-account-app .k2fish-order-item-media {
        width: 104px;
    }
}

/* 0.9.0-rc6.3 - final mobile bar, orders and order detail refinement. */
@media (max-width: 1199px) {
    .k2fish-account-app > .k2fish-account-shell {
        min-height: 0;
        margin: 0;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
    }

    .k2fish-account-app .k2fish-account-mobile-header {
        width: 100%;
        margin: 0;
        border-radius: 0;
    }

    .k2fish-account-app .k2fish-account-mobile-header.is-contextual {
        grid-template-columns: minmax(0, 1fr) 44px;
    }

    .k2fish-account-app .k2fish-account-mobile-header.is-contextual .k2fish-account-context-back-mobile {
        width: 100%;
        padding: 0 12px;
        display: flex;
        justify-content: flex-start;
        gap: 10px;
        border-color: rgba(255, 255, 255, .34);
        border-radius: var(--k2a-radius-control);
        background: rgba(255, 255, 255, .14);
    }

    .k2fish-account-app .k2fish-account-mobile-header.is-contextual .k2fish-account-context-back-mobile > span:first-child {
        flex: 0 0 auto;
        font-size: 23px;
        line-height: 1;
    }

    .k2fish-account-app .k2fish-account-mobile-header.is-contextual .k2fish-account-mobile-title {
        flex: 1 1 auto;
    }

    .k2fish-account-app .k2fish-account-mobile-header.is-contextual > .k2fish-account-menu-trigger.is-secondary {
        --k2a-menu-control-background: transparent;
        border-color: transparent;
        border-radius: var(--k2a-radius-control);
        opacity: .78;
    }

    .k2fish-account-app .k2fish-account-mobile-header.is-contextual > .k2fish-account-menu-trigger.is-secondary:hover,
    .k2fish-account-app .k2fish-account-mobile-header.is-contextual > .k2fish-account-menu-trigger.is-secondary:focus-visible {
        --k2a-menu-control-background: rgba(255, 255, 255, .08);
        border-color: rgba(255, 255, 255, .2);
        opacity: 1;
    }
}

.k2fish-account-app .k2fish-order-customer-block[data-k2fish-order-tax-id-key] > #woocommerce_nif_info {
    display: none;
}

.k2fish-account-app .k2fish-address-content > :first-child {
    margin-top: 0;
}

.k2fish-account-app .k2fish-address-content > :last-child {
    margin-bottom: 0;
}

.k2fish-account-app .k2fish-address-identity,
.k2fish-account-app .k2fish-address-company,
.k2fish-account-app .k2fish-address-postal {
    margin: 0;
}

.woocommerce:has(> .k2fish-account-app) + p {
    display: none;
}

@media (max-width: 767px) {
    .k2fish-account-app .k2fish-native-page-orders .k2fish-account-component-stack {
        gap: 10px;
    }

    .k2fish-account-app .k2fish-native-page-orders .k2fish-account-mobile-list {
        gap: 9px;
    }

    .k2fish-account-app .k2fish-native-page-orders .k2fish-account-mobile-card {
        padding: 13px 14px;
        gap: 10px;
    }

    .k2fish-account-app .k2fish-native-page-orders .k2fish-account-mobile-card > header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
    }

    .k2fish-account-app .k2fish-native-page-orders .k2fish-account-card-label {
        margin-bottom: 1px;
    }

    .k2fish-account-app .k2fish-native-page-orders .k2fish-account-mobile-card h3 {
        font-size: 18px;
    }

    .k2fish-account-app .k2fish-native-page-orders .k2fish-account-meta-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
    }

    .k2fish-account-app .k2fish-native-page-orders .k2fish-account-meta-list dt {
        margin-bottom: 1px;
        font-size: 11px;
    }

    .k2fish-account-app .k2fish-native-page-orders .k2fish-account-meta-list dd {
        font-size: 13px;
        line-height: 1.3;
    }

    .k2fish-account-app .k2fish-native-page-orders .k2fish-account-action-link {
        min-height: 44px;
        padding-block: 8px;
    }

    .k2fish-account-app .k2fish-native-page-view-order .k2fish-order-item-card {
        grid-template-columns: 120px minmax(0, 1fr);
        gap: 11px;
        padding: 10px;
    }

    .k2fish-account-app .k2fish-native-page-view-order .k2fish-order-item-media {
        width: 120px;
        padding: 3px;
    }

    .k2fish-account-app .k2fish-native-page-view-order .k2fish-order-item-media img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

    .k2fish-account-app .k2fish-native-page-view-order .k2fish-order-item-content h3 {
        margin-bottom: 8px;
        font-size: 16px;
    }

    .k2fish-account-app .k2fish-native-page-view-order .k2fish-order-item-meta-inline {
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
    }

    .k2fish-account-app .k2fish-native-page-view-order .k2fish-order-item-meta-inline > div,
    .k2fish-account-app .k2fish-native-page-view-order .k2fish-order-item-meta-inline > div:last-child {
        grid-column: auto;
        display: grid;
        grid-template-columns: minmax(68px, auto) minmax(0, 1fr);
        align-items: baseline;
        gap: 6px;
    }

    .k2fish-account-app .k2fish-native-page-view-order .k2fish-order-item-meta-inline dt {
        margin: 0;
    }

    .k2fish-account-app .k2fish-native-page-view-order .k2fish-order-item-meta-inline dd {
        text-align: right;
    }

    .k2fish-account-app .k2fish-order-products-group,
    .k2fish-account-app .k2fish-order-customer-block {
        padding: 12px;
    }

    .k2fish-account-app .k2fish-order-customer-block .k2fish-address-card {
        padding: 14px;
        gap: 10px;
    }

    .k2fish-account-app .k2fish-order-tax-id {
        margin: 5px 0;
        padding: 8px 10px;
    }
}


/* 0.9.0-rc13 — main navigation groups remain visually dominant over submenu entries. */

/* 0.9.0-rc14 — uniformização transversal de todos os módulos da Área Cliente. */
.k2fish-account-app .k2fish-account-external-surface.k2fish-unified-plugin-surface {
    display: grid;
    gap: 20px;
    min-width: 0;
    color: var(--k2a-text);
}

.k2fish-account-app .k2fish-unified-plugin-surface > :first-child {
    margin-top: 0;
}

.k2fish-account-app .k2fish-unified-plugin-surface > :last-child {
    margin-bottom: 0;
}

.k2fish-account-app .k2fish-unified-header {
    min-width: 0;
    margin: 0;
    padding: 0 0 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px 20px;
    border-bottom: 1px solid var(--k2a-border);
}

.k2fish-account-app .k2fish-unified-header :is(h1, h2, h3),
.k2fish-account-app .k2fish-unified-title {
    margin: 0;
    color: var(--k2a-text);
    font-size: clamp(22px, 2vw, 28px);
    font-weight: 850;
    line-height: 1.18;
    letter-spacing: -.02em;
}

.k2fish-account-app .k2fish-unified-header p {
    max-width: 72ch;
    margin: 6px 0 0;
    color: var(--k2a-text-muted);
    font-size: 15px;
    line-height: 1.55;
}

.k2fish-account-app .k2fish-unified-plugin-surface :is(.card, .panel, .box, .widget, .k2fish-module-card, fieldset) {
    max-width: 100%;
    box-sizing: border-box;
}

.k2fish-account-app .k2fish-unified-plugin-surface :is(.card, .panel, .box, .widget):not(.k2fish-button) {
    border-color: var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface);
    box-shadow: var(--k2a-shadow-1);
}

.k2fish-account-app .k2fish-unified-action,
.k2fish-account-app .k2fish-unified-plugin-surface .k2fish-button {
    min-height: 42px;
    max-width: 100%;
    margin: 0;
    padding: 9px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid transparent;
    border-radius: var(--k2a-radius-control);
    box-sizing: border-box;
    font: inherit;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    cursor: pointer;
    transition:
        background-color var(--k2a-transition),
        border-color var(--k2a-transition),
        color var(--k2a-transition),
        box-shadow var(--k2a-transition),
        transform var(--k2a-transition);
}

.k2fish-account-app .k2fish-unified-action.k2fish-button-primary,
.k2fish-account-app .k2fish-unified-plugin-surface .k2fish-button-primary {
    border-color: var(--k2a-primary);
    background: var(--k2a-primary);
    color: #fff;
}

.k2fish-account-app .k2fish-unified-action.k2fish-button-secondary,
.k2fish-account-app .k2fish-unified-plugin-surface .k2fish-button-secondary {
    border-color: #a8c7da;
    background: #f5fbff;
    color: #0b5d89;
}

.k2fish-account-app .k2fish-unified-action.k2fish-button-ghost,
.k2fish-account-app .k2fish-unified-plugin-surface .k2fish-button-ghost {
    border-color: var(--k2a-border);
    background: transparent;
    color: var(--k2a-text-muted);
}

.k2fish-account-app .k2fish-unified-action.k2fish-button-danger,
.k2fish-account-app .k2fish-unified-plugin-surface .k2fish-button-danger {
    border-color: #e6a9b2;
    background: #fff4f5;
    color: #a12236;
}

.k2fish-account-app .k2fish-unified-action:hover,
.k2fish-account-app .k2fish-unified-plugin-surface .k2fish-button:hover {
    box-shadow: var(--k2a-shadow-1);
    transform: translateY(-1px);
}

.k2fish-account-app .k2fish-unified-action:focus-visible,
.k2fish-account-app .k2fish-unified-plugin-surface .k2fish-button:focus-visible {
    outline: 0;
    box-shadow: var(--k2a-focus-ring);
}

.k2fish-account-app .k2fish-unified-action:disabled,
.k2fish-account-app .k2fish-unified-action[aria-disabled="true"],
.k2fish-account-app .k2fish-unified-action[aria-busy="true"] {
    opacity: .6;
    cursor: not-allowed;
    transform: none;
}

.k2fish-account-app .k2fish-unified-action[data-k2fish-unified-clear][aria-disabled="true"] {
    display: none;
}

.k2fish-account-app .k2fish-unified-plugin-surface :is(.actions, .action-buttons, .button-group, .form-actions, .k2fish-action-list, .k2fish-row-actions) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
}

.k2fish-account-app .k2fish-unified-form {
    min-width: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.k2fish-account-app .k2fish-unified-form > :is(h1, h2, h3, h4, header, .form-title, .form-description, .notice, .alert),
.k2fish-account-app .k2fish-unified-form > :is(fieldset, .form-actions, .actions, .button-group) {
    grid-column: 1 / -1;
}

.k2fish-account-app .k2fish-unified-field,
.k2fish-account-app .k2fish-unified-form label {
    min-width: 0;
    margin: 0;
    display: grid;
    gap: 6px;
    color: var(--k2a-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.k2fish-account-app .k2fish-unified-field small,
.k2fish-account-app .k2fish-unified-form label small {
    color: var(--k2a-text-muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
}

.k2fish-account-app .k2fish-unified-control,
.k2fish-account-app .k2fish-unified-form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding: 9px 11px;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-control);
    box-sizing: border-box;
    background: var(--k2a-surface);
    color: var(--k2a-text);
    font: inherit;
    font-size: 14px;
    line-height: 1.35;
}

.k2fish-account-app .k2fish-unified-form textarea {
    min-height: 112px;
    resize: vertical;
}

.k2fish-account-app .k2fish-unified-control:focus,
.k2fish-account-app .k2fish-unified-form :is(input, select, textarea):focus {
    outline: 0;
    border-color: var(--k2a-primary);
    box-shadow: var(--k2a-focus-ring);
}

.k2fish-account-app .k2fish-unified-fieldset {
    min-width: 0;
    margin: 0;
    padding: 18px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface);
}

.k2fish-account-app .k2fish-unified-fieldset legend {
    padding: 0 8px;
    color: var(--k2a-text);
    font-size: 16px;
    font-weight: 800;
}

.k2fish-account-app .k2fish-unified-toolbar {
    width: 100%;
    min-width: 0;
    margin: 0 0 18px;
    padding: 14px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    align-items: end;
    gap: 10px;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    box-sizing: border-box;
    background: var(--k2a-surface-muted);
}

.k2fish-account-app .k2fish-unified-toolbar > :is(h1, h2, h3, h4, header, p, .description, .k2fish-search-status) {
    grid-column: 1 / -1;
}

.k2fish-account-app .k2fish-unified-toolbar .k2fish-unified-field {
    align-self: stretch;
}

.k2fish-account-app .k2fish-unified-toolbar .k2fish-unified-action {
    align-self: end;
}

.k2fish-account-app .k2fish-unified-product-search {
    grid-template-columns: minmax(240px, 2fr) repeat(auto-fit, minmax(145px, 1fr));
}

.k2fish-account-app .k2fish-unified-product-search #k2fa-product-search {
    min-width: 220px;
}

.k2fish-account-app #k2fa-product-search-status {
    grid-column: 1 / -1;
    min-height: 22px;
    margin: 0;
    color: var(--k2a-text-muted);
    font-size: 13px;
}

.k2fish-account-app #k2fa-product-search-status[data-state="loading"] {
    color: var(--k2a-primary);
}

.k2fish-account-app #k2fa-product-search-status[data-state="success"] {
    color: var(--k2a-success);
}

.k2fish-account-app #k2fa-product-search-status[data-state="error"] {
    color: var(--k2a-danger);
    font-weight: 700;
}

.k2fish-account-app .k2fish-unified-table-wrap {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface);
}

.k2fish-account-app .k2fish-unified-table {
    width: 100%;
    min-width: 720px;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    background: transparent;
}

.k2fish-account-app .k2fish-unified-table :is(th, td) {
    padding: 13px 14px;
    border: 0;
    border-bottom: 1px solid var(--k2a-border);
    vertical-align: middle;
    text-align: left;
}

.k2fish-account-app .k2fish-unified-table th {
    background: var(--k2a-surface-muted);
    color: var(--k2a-text);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.k2fish-account-app .k2fish-unified-table tbody tr:hover {
    background: #f9fcfe;
}

.k2fish-account-app .k2fish-unified-table tbody tr:last-child td {
    border-bottom: 0;
}

.k2fish-account-app .k2fish-unified-notice {
    padding: 14px 16px;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    background: var(--k2a-surface-muted);
    color: var(--k2a-text);
}

.k2fish-account-app .k2fish-product-card {
    min-height: 100%;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 16px;
    padding: 16px;
    border-color: var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    box-shadow: var(--k2a-shadow-1);
}

.k2fish-account-app .k2fish-product-card > img {
    width: 112px;
    height: 112px;
    aspect-ratio: 1 / 1;
    padding: 6px;
    box-sizing: border-box;
    object-fit: contain;
    background: var(--k2a-surface-muted);
}

.k2fish-account-app .k2fish-product-card .k2fish-row-content > strong {
    color: var(--k2a-text);
    font-size: 17px;
    line-height: 1.3;
}

.k2fish-account-app .k2fish-product-card .k2fish-row-actions {
    grid-column: 2;
    margin-top: 4px;
}

.k2fish-account-app .k2fish-product-card .k2fish-row-actions .k2fish-button {
    min-height: 40px;
    padding: 8px 13px;
    font-size: 13px;
}

.k2fish-account-app .k2fish-product-card code {
    width: 100%;
    padding: 8px 10px;
    display: block;
    box-sizing: border-box;
    border-radius: var(--k2a-radius-control);
    overflow-wrap: anywhere;
    background: var(--k2a-surface-muted);
}

@media (max-width: 900px) {
    .k2fish-account-app .k2fish-unified-form,
    .k2fish-account-app .k2fish-unified-fieldset {
        grid-template-columns: minmax(0, 1fr);
    }

    .k2fish-account-app .k2fish-unified-toolbar,
    .k2fish-account-app .k2fish-unified-product-search {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .k2fish-account-app .k2fish-unified-toolbar > :is(h1, h2, h3, h4, header, p, .description, .k2fish-search-status) {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .k2fish-account-app .k2fish-unified-plugin-surface {
        gap: 16px;
    }

    .k2fish-account-app .k2fish-unified-header {
        padding-bottom: 14px;
    }

    .k2fish-account-app .k2fish-unified-header :is(h1, h2, h3),
    .k2fish-account-app .k2fish-unified-title {
        font-size: 22px;
    }

    .k2fish-account-app .k2fish-unified-form,
    .k2fish-account-app .k2fish-unified-fieldset,
    .k2fish-account-app .k2fish-unified-toolbar,
    .k2fish-account-app .k2fish-unified-product-search {
        grid-template-columns: minmax(0, 1fr);
    }

    .k2fish-account-app .k2fish-unified-toolbar {
        padding: 12px;
    }

    .k2fish-account-app .k2fish-unified-toolbar .k2fish-unified-action,
    .k2fish-account-app .k2fish-unified-plugin-surface :is(.actions, .action-buttons, .button-group, .form-actions, .k2fish-action-list, .k2fish-row-actions) .k2fish-unified-action {
        width: 100%;
    }

    .k2fish-account-app .k2fish-unified-table-wrap {
        border: 0;
        overflow: visible;
        background: transparent;
    }

    .k2fish-account-app .k2fish-unified-table.is-card-ready,
    .k2fish-account-app .k2fish-unified-table.is-card-ready :is(tbody, tr, td) {
        width: 100%;
        display: block;
        box-sizing: border-box;
    }

    .k2fish-account-app .k2fish-unified-table.is-card-ready {
        min-width: 0;
        background: transparent;
    }

    .k2fish-account-app .k2fish-unified-table.is-card-ready thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    .k2fish-account-app .k2fish-unified-table.is-card-ready tbody {
        display: grid;
        gap: 12px;
    }

    .k2fish-account-app .k2fish-unified-table.is-card-ready tr {
        padding: 14px;
        display: grid;
        gap: 9px;
        border: 1px solid var(--k2a-border);
        border-radius: var(--k2a-radius-card);
        background: var(--k2a-surface);
        box-shadow: var(--k2a-shadow-1);
    }

    .k2fish-account-app .k2fish-unified-table.is-card-ready td {
        min-height: 0;
        padding: 0;
        display: grid;
        grid-template-columns: minmax(92px, .45fr) minmax(0, 1fr);
        gap: 10px;
        border: 0;
    }

    .k2fish-account-app .k2fish-unified-table.is-card-ready td::before {
        content: attr(data-label);
        color: var(--k2a-text-muted);
        font-size: 12px;
        font-weight: 750;
    }

    .k2fish-account-app .k2fish-product-card {
        grid-template-columns: 88px minmax(0, 1fr);
        gap: 12px;
        padding: 14px;
    }

    .k2fish-account-app .k2fish-product-card > img {
        width: 88px;
        height: 88px;
    }

    .k2fish-account-app .k2fish-product-card .k2fish-row-actions {
        grid-column: 1 / -1;
    }
}

.k2fish-account-app .k2fish-account-external-surface :is(.k2fish-account-search-controls, .k2fish-account-table-controls, [data-k2fish-collection-filters], [data-k2fish-table-filters]) {
    width: 100%;
    margin: 0 0 18px;
    padding: 14px;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    align-items: end;
    gap: 10px;
    border: 1px solid var(--k2a-border);
    border-radius: var(--k2a-radius-card);
    box-sizing: border-box;
    background: var(--k2a-surface-muted);
}

.k2fish-account-app :is(#k2fa-product-search-results, #k2fa-affiliate-product-links) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    min-width: 0;
}

.k2fish-account-app #k2fa-product-search-results-pagination {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

@media (max-width: 767px) {
    .k2fish-account-app .k2fish-account-external-surface :is(.k2fish-account-search-controls, .k2fish-account-table-controls, [data-k2fish-collection-filters], [data-k2fish-table-filters]),
    .k2fish-account-app :is(#k2fa-product-search-results, #k2fa-affiliate-product-links) {
        grid-template-columns: minmax(0, 1fr);
    }
}



/* RC30.1 Members offer target */
.k2fish-club-account-offer-target{margin:12px 0 10px;padding:10px 12px;border:1px solid rgba(0,80,120,.12);border-radius:8px;background:rgba(240,248,251,.72);display:flex;flex-direction:column;gap:4px}.k2fish-club-account-offer-target .k2fish-club-account-label{margin:0}.k2fish-club-account-offer-target a{font-weight:700;text-decoration:none}.k2fish-club-account-offer-target a:hover{text-decoration:underline}


/* 0.9.0-rc30.16 — canonical contextual back icon shared with Oficina surfaces. */
.k2fish-account-app .k2fish-account-context-back-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: inline-grid;
    place-items: center;
    line-height: 0;
}
.k2fish-account-app .k2fish-account-context-back-icon .k2fish-account-icon {
    display: block;
}
@media (max-width: 1199px) {
    .k2fish-account-app .k2fish-account-context-back-mobile .k2fish-account-context-back-icon {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }
    .k2fish-account-app .k2fish-account-context-back-mobile .k2fish-account-context-back-icon .k2fish-account-icon {
        width: 22px;
        height: 22px;
    }
}