/* Phase 3K.1.3 — Customer Transaction Center layout & design cleanup */

.woocommerce-account .woocommerce-MyAccount-content h2,
.yf-transaction-lifecycle h2,
.yf-transaction-tracking h2,
.yf-transaction-center__intro h2 {
    color: #063f78;
    margin: 0;
    font-weight: 800;
}

/* Transaction center header */
.yf-transaction-center {
    margin: 0 0 26px;
}
.yf-transaction-center__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    margin-bottom: 18px;
    padding: 24px;
    border: 1px solid #dbe7f3;
    border-radius: 22px;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
    box-shadow: 0 14px 34px rgba(5, 63, 120, .06);
}
.yf-transaction-center__intro h2 {
    margin: 4px 0 6px !important;
    font-size: 30px !important;
    letter-spacing: -.03em;
    font-weight: 850 !important;
}
.yf-transaction-center__intro p {
    max-width: 720px;
    margin: 0;
    color: #60798f;
    font-size: 14px;
    line-height: 1.65;
}

.yf-transaction-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.yf-transaction-summary__card {
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid #ddeaf5;
    background: #fff;
    box-shadow: 0 8px 24px rgba(5, 63, 120, .04);
}
.yf-transaction-summary__card span {
    display: block;
    margin-bottom: 9px;
    color: #70879b;
    font-size: 11px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 900;
}
.yf-transaction-summary__card strong {
    display: block;
    margin-bottom: 5px;
    color: #0a4f89;
    font-size: 30px;
    line-height: 1;
    letter-spacing: -.03em;
}
.yf-transaction-summary__card small {
    display: block;
    color: #74899c;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}
.yf-transaction-summary__card.is-attention {
    background: linear-gradient(180deg, #fffaf0 0%, #ffffff 100%);
    border-color: #f1dfb5;
}
.yf-transaction-summary__card.is-attention strong {
    color: #9a6500;
}
.yf-transaction-summary__card.is-processing {
    background: linear-gradient(180deg, #f2fbf6 0%, #ffffff 100%);
    border-color: #d7efdf;
}
.yf-transaction-summary__card.is-processing strong {
    color: #14824c;
}
.yf-transaction-summary__card.is-completed {
    background: linear-gradient(180deg, #f3fbef 0%, #ffffff 100%);
    border-color: #dcedd2;
}
.yf-transaction-summary__card.is-completed strong {
    color: #3d7e1e;
}

/* Tabs */
.yf-transaction-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    overflow-x: auto;
    padding: 2px;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}
.yf-transaction-tab {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid #d6e5f3;
    border-radius: 12px;
    background: #fff;
    color: #315a7f !important;
    text-decoration: none !important;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    box-shadow: 0 3px 10px rgba(5, 63, 120, .03);
}
.yf-transaction-tab strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: #eef5fb;
    color: #55728e;
    font-size: 11px;
    line-height: 1;
}
.yf-transaction-tab:hover {
    border-color: #8abce4;
    color: #075fa7 !important;
    transform: translateY(-1px);
}
.yf-transaction-tab.is-active {
    border-color: #0878ca;
    background: linear-gradient(180deg, #1693eb 0%, #0878ca 100%);
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(8, 120, 202, .18);
}
.yf-transaction-tab.is-active strong {
    background: #fff;
    color: #0878ca;
}

/* Status badge */
.yf-transaction-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: #eaf4ff;
    color: #075aa6;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}
.yf-transaction-badge--confirmation,
.yf-transaction-badge--payment,
.yf-transaction-badge--verification {
    background: #eef5ff;
    color: #1d5d96;
}
.yf-transaction-badge--processing,
.yf-transaction-badge--shipped {
    background: #e7f7ef;
    color: #087743;
}
.yf-transaction-badge--arrived,
.yf-transaction-badge--completed {
    background: #eef8e8;
    color: #357316;
}
.yf-transaction-badge--clarification {
    background: #fff5df;
    color: #9a6500;
}
.yf-transaction-badge--cancelled,
.yf-transaction-badge--complaint {
    background: #fff0f0;
    color: #a52b2b;
}

/* Orders list becomes clean cards */
.woocommerce-account table.woocommerce-orders-table {
    width: 100%;
    border: 0;
    background: transparent;
}
.woocommerce-account table.woocommerce-orders-table thead {
    display: none;
}
.woocommerce-account table.woocommerce-orders-table tbody {
    display: grid;
    gap: 16px;
}
.woocommerce-account table.woocommerce-orders-table tbody tr {
    display: grid;
    grid-template-columns: 1.25fr .95fr .9fr .85fr .9fr;
    gap: 14px;
    align-items: start;
    padding: 18px;
    border: 1px solid #dbe7f3;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(5, 63, 120, .04);
}
.woocommerce-account table.woocommerce-orders-table tbody td {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #183e63;
    font-size: 13px;
    vertical-align: top;
}
.woocommerce-account table.woocommerce-orders-table tbody td::before {
    content: attr(data-title);
    display: block;
    color: #7a8ea3;
    font-size: 10px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 900;
}
.woocommerce-account .woocommerce-orders-table__cell-order-number a {
    color: #063f78;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 900;
}
.woocommerce-account .woocommerce-orders-table__cell-order-date time,
.woocommerce-account .woocommerce-orders-table__cell-order-status,
.woocommerce-account .woocommerce-orders-table__cell-order-total {
    color: #183e63;
    font-weight: 700;
}
.woocommerce-account .woocommerce-orders-table__cell-order-total {
    font-size: 15px;
}
.woocommerce-account .woocommerce-orders-table__cell-order-actions {
    align-items: flex-start;
    justify-content: center;
}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button,
.woocommerce-account .woocommerce-button,
.woocommerce-account a.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 11px;
    border: 0;
    background: linear-gradient(180deg, #1192e8 0%, #0878ca 100%);
    color: #fff;
    font-size: 12px;
    line-height: 1.1;
    font-weight: 800;
    box-shadow: 0 10px 18px rgba(8, 120, 202, .16);
    text-decoration: none;
}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce-account .woocommerce-button:hover,
.woocommerce-account a.button:hover {
    background: linear-gradient(180deg, #0f87d8 0%, #076cb7 100%);
    color: #fff;
}

/* Empty state */
.yf-transaction-empty {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 8px;
    padding: 20px 22px;
    border: 1px dashed #cfddec;
    border-radius: 18px;
    background: #f9fbfd;
    color: #5e768c;
}
.yf-transaction-empty strong {
    color: #0b4f88;
    font-size: 15px;
}
.yf-transaction-empty span {
    font-size: 13px;
    line-height: 1.6;
}

/* Detail transaction cards */
.yf-transaction-lifecycle,
.yf-transaction-tracking,
.woocommerce-order-details,
.woocommerce-customer-details address {
    background: #fff;
    border: 1px solid #d9e7f5;
    border-radius: 18px;
    padding: 22px;
    margin: 0 0 20px;
    box-shadow: 0 10px 28px rgba(5, 63, 120, .04);
}
.woocommerce-customer-details address {
    margin-top: 0;
    font-style: normal;
    line-height: 1.7;
}
.woocommerce-order-details > h2,
.woocommerce-column__title {
    margin: 0 0 16px !important;
    color: #063f78;
    font-size: 22px;
    font-weight: 850;
}
.yf-transaction-lifecycle__head {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}
.yf-transaction-lifecycle__head h2 {
    font-size: 21px;
}
.yf-transaction-steps {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
}
.yf-transaction-steps li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 7px;
    color: #8294a7;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;
    min-width: 0;
}
.yf-transaction-steps li::before {
    content: "";
    position: absolute;
    top: 14px;
    left: -50%;
    width: 100%;
    height: 2px;
    background: #e2ebf3;
    z-index: 0;
}
.yf-transaction-steps li:first-child::before {
    display: none;
}
.yf-transaction-steps li.is-done::before,
.yf-transaction-steps li.is-current::before {
    background: #189754;
}
.yf-transaction-steps__dot {
    position: relative;
    z-index: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #edf3f8;
    color: #71869a;
    border: 2px solid #edf3f8;
    font-size: 11px;
    font-weight: 900;
}
.yf-transaction-steps li.is-done .yf-transaction-steps__dot {
    background: #189754;
    border-color: #189754;
    color: #fff;
}
.yf-transaction-steps li.is-current {
    color: #063f78;
}
.yf-transaction-steps li.is-current .yf-transaction-steps__dot {
    background: #fff;
    border-color: #0b79d0;
    color: #0b79d0;
}
.yf-transaction-substate,
.yf-transaction-cancelled,
.yf-transaction-tracking__note,
.woocommerce-order-details .order-again {
    margin: 16px 0 0;
    padding: 12px 14px;
    border-radius: 12px;
    background: #f5f9fd;
    color: #526b82;
    font-size: 13px;
}
.yf-transaction-cancelled {
    background: #fff4f4;
    color: #8c3333;
}

.yf-transaction-tracking__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.yf-transaction-tracking__grid > div {
    background: #f5f9fd;
    border-radius: 12px;
    padding: 13px;
    border: 1px solid #e3edf6;
}
.yf-transaction-tracking__grid span {
    display: block;
    color: #74899e;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 800;
    margin-bottom: 5px;
}
.yf-transaction-tracking__grid strong {
    color: #123f69;
    font-size: 13px;
    line-height: 1.45;
}

/* Order detail tables */
.woocommerce-order-details table.shop_table,
.woocommerce-account .woocommerce-table {
    border: 1px solid #d9e7f5;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}
.woocommerce-order-details table.shop_table th,
.woocommerce-account .woocommerce-table th {
    background: #f4f9fe;
    color: #063f78;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.woocommerce-order-details table.shop_table td,
.woocommerce-account .woocommerce-table td {
    color: #244869;
    vertical-align: top;
}
.woocommerce-order-details table.shop_table tfoot th,
.woocommerce-order-details table.shop_table tfoot td {
    font-weight: 800;
}

/* Customer details headings */
.woocommerce-customer-details {
    margin-top: 0;
}
.woocommerce-customer-details .woocommerce-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
.woocommerce-customer-details .woocommerce-column {
    width: 100%;
    float: none;
}

/* Responsive */
@media (max-width: 1100px) {
    .yf-transaction-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .woocommerce-account table.woocommerce-orders-table tbody tr {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .woocommerce-account .woocommerce-orders-table__cell-order-actions {
        grid-column: 1 / -1;
    }
}

@media (max-width: 780px) {
    .yf-transaction-center__hero {
        padding: 20px;
    }
    .yf-transaction-center__intro h2 {
        font-size: 24px !important;
    }
    .yf-transaction-steps {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 18px;
    }
    .yf-transaction-steps li:nth-child(4)::before {
        display: none;
    }
    .yf-transaction-tracking__grid,
    .woocommerce-customer-details .woocommerce-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .yf-transaction-summary {
        grid-template-columns: 1fr;
    }
    .yf-transaction-tab {
        font-size: 11px;
        padding: 8px 10px;
    }
    .woocommerce-account table.woocommerce-orders-table tbody tr {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 16px;
    }
    .woocommerce-account .woocommerce-orders-table__cell-order-actions {
        align-items: stretch;
    }
    .woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
        width: 100%;
    }
    .yf-transaction-lifecycle__head {
        align-items: flex-start;
        flex-direction: column;
    }
    .yf-transaction-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .yf-transaction-steps li:nth-child(3)::before,
    .yf-transaction-steps li:nth-child(5)::before {
        display: none;
    }
    .yf-transaction-tracking__grid,
    .woocommerce-customer-details .woocommerce-columns {
        grid-template-columns: 1fr;
    }
}


/* Phase 3K.1.4 — account page layout cleanup: remove right sidebar and refine left account nav */
body.woocommerce-account #secondary,
body.woocommerce-account .widget-area,
body.woocommerce-account .sidebar,
body.woocommerce-account .sidebar-right,
body.woocommerce-account aside.widget-area,
body.woocommerce-account .right-sidebar,
body.woocommerce-account .site-sidebar,
body.woocommerce-account .content-sidebar,
body.woocommerce-account .secondary-sidebar {
    display: none !important;
}

body.woocommerce-account #primary,
body.woocommerce-account .content-area,
body.woocommerce-account .site-main,
body.woocommerce-account .entry-content,
body.woocommerce-account .woocommerce {
    width: 100%;
    max-width: none;
}

body.woocommerce-account .woocommerce {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    border: 1px solid #d9e7f5;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 16px 34px rgba(5, 63, 120, .05);
    overflow: hidden;
    position: sticky;
    top: 24px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 10px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0;
    padding: 0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li + li {
    margin-top: 6px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 48px;
    padding: 12px 14px;
    border-radius: 14px;
    color: #315a7f;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 800;
    transition: all .18s ease;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: #f4f9fe;
    color: #086cba;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:hover {
    background: linear-gradient(180deg, #1693eb 0%, #0878ca 100%);
    color: #fff;
    box-shadow: 0 10px 24px rgba(8, 120, 202, .18);
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a::after {
    content: '›';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #edf5fb;
    color: #5d7894;
    font-size: 16px;
    line-height: 1;
    font-weight: 900;
    flex: 0 0 20px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::after {
    background: rgba(255,255,255,.16);
    color: #fff;
}
body.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: auto;
    min-width: 0;
}
body.woocommerce-account .woocommerce-MyAccount-content > *:first-child {
    margin-top: 0;
}
body.woocommerce-account .woocommerce-notices-wrapper {
    margin-bottom: 18px;
}

@media (max-width: 980px) {
    body.woocommerce-account .woocommerce {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    body.woocommerce-account .woocommerce-MyAccount-navigation {
        position: static;
    }
    body.woocommerce-account .woocommerce-MyAccount-navigation ul {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    body.woocommerce-account .woocommerce-MyAccount-navigation ul li + li {
        margin-top: 0;
    }
}

@media (max-width: 620px) {
    body.woocommerce-account .woocommerce-MyAccount-navigation ul {
        grid-template-columns: 1fr;
    }
    body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        min-height: 46px;
        padding: 11px 13px;
        font-size: 13px;
    }
}

/* Phase 3K.2.1 — Detail Transaksi & Customer Actions */
.yf-transaction-overview,
.yf-transaction-action-card {
    margin: 0 0 20px;
    padding: 22px;
    border: 1px solid #d9e7f5;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(5,63,120,.04);
}
.yf-transaction-overview__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}
.yf-transaction-overview__top h2,
.yf-transaction-action-card h2 {
    margin: 3px 0 5px;
    color: #063f78;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 850;
}
.yf-transaction-overview__top p,
.yf-transaction-action-card__copy p {
    margin: 0;
    color: #667f95;
    font-size: 13px;
    line-height: 1.65;
}
.yf-transaction-overview__grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
}
.yf-transaction-overview__grid > div {
    min-width: 0;
    padding: 13px 14px;
    border: 1px solid #e2edf6;
    border-radius: 12px;
    background: #f7fbfe;
}
.yf-transaction-overview__grid span {
    display: block;
    margin-bottom: 5px;
    color: #7a8fa3;
    font-size: 10px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .055em;
    font-weight: 900;
}
.yf-transaction-overview__grid strong {
    display: block;
    color: #153f65;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 800;
    overflow-wrap: anywhere;
}
.yf-transaction-action-card {
    background: linear-gradient(180deg,#fbfdff 0%,#fff 100%);
}
.yf-transaction-action-card__copy {
    max-width: 760px;
}
.yf-transaction-action-notice {
    margin: -2px 0 18px;
    padding: 12px 14px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 750;
}
.yf-transaction-action-notice.is-success {
    border: 1px solid #cde9d9;
    background: #edf9f2;
    color: #167241;
}
.yf-transaction-action-notice.is-warning {
    border: 1px solid #eedcad;
    background: #fff9e9;
    color: #8a6108;
}
.yf-transaction-action-notice.is-error {
    border: 1px solid #efd0d0;
    background: #fff3f3;
    color: #9b3535;
}
.yf-transaction-arrived-actions {
    display: grid;
    grid-template-columns: minmax(220px,.75fr) minmax(0,1.25fr);
    gap: 14px;
    align-items: start;
    margin-top: 18px;
}
.yf-transaction-arrived-actions form {
    margin: 0;
}
.yf-transaction-action-primary,
.yf-transaction-action-secondary {
    width: 100%;
    min-height: 46px;
    border: 0 !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
}
.yf-transaction-action-primary {
    background: linear-gradient(180deg,#1aa862 0%,#11844a 100%) !important;
    color: #fff !important;
    box-shadow: 0 10px 20px rgba(17,132,74,.16) !important;
}
.yf-transaction-action-secondary {
    margin-top: 12px !important;
    background: linear-gradient(180deg,#1693eb 0%,#0878ca 100%) !important;
    color: #fff !important;
}
.yf-transaction-complaint-box {
    border: 1px solid #e2eaf2;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
}
.yf-transaction-complaint-box summary {
    padding: 14px 16px;
    cursor: pointer;
    color: #a14b32;
    font-size: 13px;
    font-weight: 850;
    user-select: none;
}
.yf-transaction-complaint-box[open] summary {
    border-bottom: 1px solid #edf1f5;
    background: #fff8f5;
}
.yf-transaction-complaint-box form {
    padding: 16px;
}
.yf-transaction-complaint-box label {
    display: block;
    margin-bottom: 7px;
    color: #244a6d;
    font-size: 12px;
    font-weight: 800;
}
.yf-transaction-complaint-box textarea {
    display: block;
    width: 100%;
    min-height: 100px;
    padding: 12px;
    border: 1px solid #d5e3ef;
    border-radius: 11px;
    background: #fbfdff;
    color: #183f63;
    font-size: 13px;
    line-height: 1.55;
    resize: vertical;
    box-sizing: border-box;
}
.yf-transaction-complaint-box textarea:focus {
    outline: none;
    border-color: #3294dc;
    box-shadow: 0 0 0 3px rgba(50,148,220,.1);
}

@media(max-width:900px){
    .yf-transaction-overview__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .yf-transaction-arrived-actions{grid-template-columns:1fr}
}
@media(max-width:620px){
    .yf-transaction-overview__top{flex-direction:column;align-items:flex-start}
    .yf-transaction-overview__grid{grid-template-columns:1fr}
    .yf-transaction-overview,.yf-transaction-action-card{padding:18px}
}


/* Phase 3K.3.5 — arrived auto-completion notice */
.yf-auto-complete-notice{
    display:flex;
    flex-direction:column;
    gap:5px;
    margin:0 0 16px;
    padding:14px 16px;
    border:1px solid #f0dca8;
    border-radius:14px;
    background:#fffaf0;
    color:#75571a;
}
.yf-auto-complete-notice strong{color:#845e06;font-size:13px;font-weight:900}
.yf-auto-complete-notice span{font-size:12px;line-height:1.6}


/* Phase 3K.4.1 — finalized transaction detail cards */
.yf-transaction-final-card{
    margin:0 0 20px;
    padding:22px;
    border:1px solid #d9e7f5;
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 28px rgba(5,63,120,.04);
}
.yf-transaction-final-card__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
}
.yf-transaction-final-card__head h2{
    margin:2px 0 0!important;
    color:#063f78;
    font-size:21px;
    line-height:1.25;
    font-weight:850;
}
.yf-transaction-final-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.yf-transaction-final-grid>div{
    min-width:0;
    padding:13px 14px;
    border:1px solid #e3edf6;
    border-radius:12px;
    background:#f7fafd;
}
.yf-transaction-final-grid span{
    display:block;
    margin-bottom:5px;
    color:#74899e;
    font-size:10px;
    line-height:1.25;
    text-transform:uppercase;
    letter-spacing:.05em;
    font-weight:850;
}
.yf-transaction-final-grid strong{
    display:block;
    min-width:0;
    color:#123f69;
    font-size:13px;
    line-height:1.45;
    overflow-wrap:anywhere;
}
.yf-transaction-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px!important}
.yf-transaction-final-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:14px;
}
.woocommerce-account .yf-transaction-soft-button{
    min-height:38px!important;
    padding:0 13px!important;
    border:1px solid #cfe0ef!important;
    background:#f6faff!important;
    color:#0a65ad!important;
    box-shadow:none!important;
}
.woocommerce-account .yf-transaction-soft-button:hover{
    background:#edf6fd!important;
    color:#075797!important;
}
.yf-transaction-final-copy{
    margin:0;
    padding:13px 15px;
    border-radius:12px;
    background:#f7fafd;
    color:#526b82;
    font-size:13px;
    line-height:1.65;
}
.yf-transaction-complaint-note{
    margin:14px 0 0;
    padding:14px 16px;
    border-left:4px solid #d38b1e;
    border-radius:0 10px 10px 0;
    background:#fff8eb;
    color:#6f5524;
    font-size:13px;
    line-height:1.65;
}
@media(max-width:820px){
    .yf-transaction-final-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
    .yf-transaction-final-card{padding:17px}
    .yf-transaction-final-card__head{align-items:flex-start;flex-direction:column}
    .yf-transaction-final-grid{grid-template-columns:1fr}
    .yf-transaction-final-actions .button{width:100%}
}

/* Phase 3K.5.1 — complaint handling */
.yf-transaction-complaint-box form{display:grid;gap:10px;margin-top:14px}
.yf-transaction-complaint-box label{color:#244d70;font-size:12px;font-weight:800}
.yf-transaction-complaint-box label span{color:#7f91a1;font-weight:600}
.yf-transaction-complaint-box textarea,
.yf-transaction-complaint-box input[type="file"]{width:100%;box-sizing:border-box;border:1px solid #d8e5f1;border-radius:10px;background:#fff;padding:10px;color:#274762}
.yf-transaction-field-help{color:#7b8ea1;font-size:11px}
.yf-complaint-followup-card{border-color:#f0d7d7;background:linear-gradient(180deg,#fffafa 0%,#fff 100%)}
.yf-complaint-admin-response{margin-top:14px;padding:14px 16px;border-radius:12px;background:#f4f9fe;border:1px solid #dce9f4;color:#355d7c}
.yf-complaint-admin-response strong{display:block;margin-bottom:6px;color:#0b4f88}
.yf-complaint-admin-response p{margin:0;line-height:1.6}

/* Phase 3L.2.2 — Member Area dashboard refinement */
body.woocommerce-account .woocommerce-MyAccount-content{
    padding:0;
}
.yf-member-dashboard{
    display:grid;
    gap:18px;
}
.yf-member-dashboard__hero{
    display:flex;
    justify-content:space-between;
    gap:22px;
    align-items:flex-start;
    padding:26px 28px;
    border:1px solid #d9e7f5;
    border-radius:22px;
    background:linear-gradient(135deg,#f7fbff 0%,#ffffff 58%,#f3fbef 100%);
    box-shadow:0 14px 34px rgba(5,63,120,.055);
}
.yf-member-dashboard__kicker{
    display:block;
    margin-bottom:7px;
    color:#2e8c20;
    font-size:10px;
    line-height:1.2;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em;
}
.yf-member-dashboard__hero h2{
    margin:0 0 8px!important;
    color:#063f78!important;
    font-size:28px!important;
    line-height:1.15;
    font-weight:850!important;
    letter-spacing:-.025em;
}
.yf-member-dashboard__hero p{
    max-width:650px;
    margin:0;
    color:#637c92;
    font-size:14px;
    line-height:1.65;
}
.yf-member-dashboard__status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 14px;
    border-radius:999px;
    background:#eaf7e5;
    color:#2f7d1a;
    font-size:11px;
    line-height:1;
    font-weight:900;
    white-space:nowrap;
}
.yf-member-dashboard__grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.yf-member-dashboard__card{
    position:relative;
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:13px;
    row-gap:4px;
    align-items:center;
    min-height:110px;
    padding:18px;
    border:1px solid #dce8f3;
    border-radius:17px;
    background:#fff;
    color:#173f63!important;
    text-decoration:none!important;
    box-shadow:0 8px 24px rgba(5,63,120,.035);
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.yf-member-dashboard__card:hover{
    transform:translateY(-2px);
    border-color:#9dc9e9;
    box-shadow:0 12px 26px rgba(5,63,120,.08);
}
.yf-member-dashboard__icon{
    grid-row:1 / span 2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:13px;
    background:#eef7fd;
    color:#0878ca;
    font-size:18px;
    font-weight:900;
}
.yf-member-dashboard__card strong{
    align-self:end;
    color:#0a477d;
    font-size:15px;
    line-height:1.25;
    font-weight:900;
}
.yf-member-dashboard__card small{
    align-self:start;
    color:#70869a;
    font-size:12px;
    line-height:1.5;
    font-weight:600;
}

/* Logged-in account action in the main header */
.yf-login.is-logged-in span{
    color:#0a5e9f;
    font-weight:850;
}
.yf-login.is-logged-in svg{
    stroke:#0a72bd;
}

@media(max-width:760px){
    .yf-member-dashboard__hero{padding:21px;flex-direction:column}
    .yf-member-dashboard__hero h2{font-size:24px!important}
    .yf-member-dashboard__grid{grid-template-columns:1fr}
}


/* Phase 3L.2.3 — My Account login/register layout cleanup */
body.woocommerce-account:not(.logged-in) .site-main,
body.woocommerce-account:not(.logged-in) #primary,
body.woocommerce-account:not(.logged-in) .content-area{
    width:100%;
    max-width:none;
}
body.woocommerce-account:not(.logged-in) .woocommerce{
    display:block;
    max-width:1180px;
    margin:0 auto;
}
body.woocommerce-account:not(.logged-in) .entry-title,
body.woocommerce-account:not(.logged-in) .woocommerce h1,
body.woocommerce-account:not(.logged-in) .page-title{
    margin:0 0 22px!important;
    color:#063f78!important;
    font-size:42px!important;
    line-height:1.08;
    letter-spacing:-.03em;
    font-weight:850!important;
}
body.woocommerce-account:not(.logged-in) .woocommerce-notices-wrapper{
    margin:0 0 16px;
}
body.woocommerce-account:not(.logged-in) .u-columns.woocommerce-Addresses,
body.woocommerce-account:not(.logged-in) .u-columns.col2-set,
body.woocommerce-account:not(.logged-in) .woocommerce-form-login,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register{
    width:auto;
    float:none;
}
body.woocommerce-account:not(.logged-in) .u-columns.col2-set{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
    align-items:start;
}
body.woocommerce-account:not(.logged-in) .u-columns.col2-set .u-column1,
body.woocommerce-account:not(.logged-in) .u-columns.col2-set .u-column2{
    width:auto;
    float:none;
    margin:0;
}
body.woocommerce-account:not(.logged-in) .woocommerce > h2,
body.woocommerce-account:not(.logged-in) .u-column1 > h2,
body.woocommerce-account:not(.logged-in) .u-column2 > h2{
    margin:0 0 14px!important;
    color:#063f78!important;
    font-size:28px!important;
    line-height:1.15;
    letter-spacing:-.025em;
    font-weight:850!important;
}
body.woocommerce-account:not(.logged-in) form.woocommerce-form,
body.woocommerce-account:not(.logged-in) form.login,
body.woocommerce-account:not(.logged-in) form.register{
    margin:0;
    padding:24px;
    border:1px solid #d9e7f5;
    border-radius:22px;
    background:linear-gradient(180deg,#f9fcff 0%,#ffffff 100%);
    box-shadow:0 14px 34px rgba(5,63,120,.06);
}
body.woocommerce-account:not(.logged-in) form .form-row{
    margin:0 0 16px;
}
body.woocommerce-account:not(.logged-in) form .form-row label{
    display:block;
    margin:0 0 8px;
    color:#1c456a;
    font-size:13px;
    line-height:1.4;
    font-weight:800;
}
body.woocommerce-account:not(.logged-in) form .form-row input.input-text,
body.woocommerce-account:not(.logged-in) form .form-row input[type="text"],
body.woocommerce-account:not(.logged-in) form .form-row input[type="email"],
body.woocommerce-account:not(.logged-in) form .form-row input[type="password"]{
    width:100%;
    min-height:50px;
    padding:0 14px;
    border:1px solid #d6e4f0;
    border-radius:13px;
    background:#fff;
    color:#1e456b;
    font-size:14px;
    box-sizing:border-box;
    transition:border-color .16s ease, box-shadow .16s ease;
}
body.woocommerce-account:not(.logged-in) form .form-row input:focus{
    outline:none;
    border-color:#2b90dc;
    box-shadow:0 0 0 3px rgba(43,144,220,.11);
}
body.woocommerce-account:not(.logged-in) form .show-password-input,
body.woocommerce-account:not(.logged-in) form .password-input .show-password-input{
    top:50%;
    right:14px;
    transform:translateY(-50%);
    color:#6182a0;
}
body.woocommerce-account:not(.logged-in) .woocommerce-form-login .woocommerce-form-login__rememberme,
body.woocommerce-account:not(.logged-in) .woocommerce-form-register .woocommerce-form-register__rememberme,
body.woocommerce-account:not(.logged-in) .woocommerce-form .woocommerce-form-login__rememberme{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#58748d;
    font-size:13px;
    font-weight:700;
}
body.woocommerce-account:not(.logged-in) .woocommerce-form-login .woocommerce-form-login__submit,
body.woocommerce-account:not(.logged-in) .woocommerce-button,
body.woocommerce-account:not(.logged-in) button.woocommerce-Button,
body.woocommerce-account:not(.logged-in) input.woocommerce-Button.button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:0 20px;
    border:0!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#1693eb 0%,#0878ca 100%)!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1.15!important;
    font-weight:850!important;
    box-shadow:0 10px 20px rgba(8,120,202,.18)!important;
}
body.woocommerce-account:not(.logged-in) .woocommerce-form-login .woocommerce-form-login__submit:hover,
body.woocommerce-account:not(.logged-in) .woocommerce-button:hover,
body.woocommerce-account:not(.logged-in) button.woocommerce-Button:hover,
body.woocommerce-account:not(.logged-in) input.woocommerce-Button.button:hover{
    background:linear-gradient(180deg,#1189dc 0%,#076fbd 100%)!important;
}
body.woocommerce-account:not(.logged-in) .lost_password,
body.woocommerce-account:not(.logged-in) .woocommerce-LostPassword,
body.woocommerce-account:not(.logged-in) .woocommerce-form-login p.lost_password{
    margin:14px 0 0;
}
body.woocommerce-account:not(.logged-in) .lost_password a,
body.woocommerce-account:not(.logged-in) .woocommerce-LostPassword a{
    color:#0878ca;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
}
body.woocommerce-account:not(.logged-in) .lost_password a:hover,
body.woocommerce-account:not(.logged-in) .woocommerce-LostPassword a:hover{
    text-decoration:underline;
}
body.woocommerce-account:not(.logged-in) .woocommerce-privacy-policy-text,
body.woocommerce-account:not(.logged-in) .woocommerce-form-row .description,
body.woocommerce-account:not(.logged-in) form p{
    color:#667f95;
    font-size:13px;
    line-height:1.65;
}
body.woocommerce-account:not(.logged-in) .woocommerce-password-strength,
body.woocommerce-account:not(.logged-in) .woocommerce-password-hint{
    margin-top:8px;
    font-size:12px;
}
@media(max-width:920px){
    body.woocommerce-account:not(.logged-in) .u-columns.col2-set{
        grid-template-columns:1fr;
    }
    body.woocommerce-account:not(.logged-in) .entry-title,
    body.woocommerce-account:not(.logged-in) .woocommerce h1,
    body.woocommerce-account:not(.logged-in) .page-title{
        font-size:34px!important;
    }
}
@media(max-width:640px){
    body.woocommerce-account:not(.logged-in) .entry-title,
    body.woocommerce-account:not(.logged-in) .woocommerce h1,
    body.woocommerce-account:not(.logged-in) .page-title{
        font-size:28px!important;
        margin-bottom:18px!important;
    }
    body.woocommerce-account:not(.logged-in) .woocommerce > h2,
    body.woocommerce-account:not(.logged-in) .u-column1 > h2,
    body.woocommerce-account:not(.logged-in) .u-column2 > h2{
        font-size:24px!important;
    }
    body.woocommerce-account:not(.logged-in) form.woocommerce-form,
    body.woocommerce-account:not(.logged-in) form.login,
    body.woocommerce-account:not(.logged-in) form.register{
        padding:18px;
        border-radius:18px;
    }
}