/* v2.1 — give Pesanan Saya a wider desktop content area inside WooCommerce My Account */
.woocommerce-account .woocommerce-MyAccount-content:has(.krj-oh){
    width:100% !important;
    max-width:none !important;
    flex:1 1 auto !important;
}
.woocommerce-account .woocommerce-MyAccount-content:has(.krj-oh) .krj-oh{
    width:100% !important;
    max-width:1400px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation:has(+ .woocommerce-MyAccount-content .krj-oh){
    flex:0 0 220px;
}
@media (min-width: 1200px){
    .woocommerce-account .woocommerce-MyAccount-content:has(.krj-oh) .krj-oh{
        max-width:1500px !important;
    }
}
@media (max-width: 900px){
    .woocommerce-account .woocommerce-MyAccount-navigation:has(+ .woocommerce-MyAccount-content .krj-oh){
        flex-basis:200px;
    }
}
.krj-oh{font-family:inherit;width:100%;max-width:100%;box-sizing:border-box;color:#24324a}
.krj-oh *{box-sizing:border-box}
.krj-oh__heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 24px}
.krj-oh__heading h2{margin:0 0 7px;font-size:32px;line-height:1.15;font-weight:800;color:#182b4b}
.krj-oh__heading p{margin:0;color:#71809a;font-size:14px}
.krj-oh__total{font-size:14px;font-weight:700;color:#1670ed;white-space:nowrap}
.krj-oh__stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e8edf5;border-radius:16px;background:#fff;box-shadow:0 5px 22px rgba(25,55,100,.06);margin-bottom:22px;overflow:hidden}
.krj-oh__stat{display:flex;align-items:center;gap:15px;padding:21px 22px;min-width:0;border-right:1px solid #edf1f6}
.krj-oh__stat:last-child{border-right:0}
.krj-oh__stat-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;flex:0 0 46px}
.krj-oh__stat-icon--blue{background:#edf5ff;color:#1670ed}.krj-oh__stat-icon--green{background:#e9f9ef;color:#18ad59}.krj-oh__stat-icon--orange{background:#fff4e5;color:#f28a12}.krj-oh__stat-icon--red{background:#ffeded;color:#ef4d5d}
.krj-oh__stat div{display:flex;flex-direction:column;gap:1px}.krj-oh__stat div span{font-size:12px;color:#65748e}.krj-oh__stat div strong{font-size:23px;line-height:1.15;color:#20324f}.krj-oh__stat div small{font-size:11px;color:#7d899d}
.krj-oh__table-wrap{border:1px solid #e7ecf4;border-radius:15px;background:#fff;overflow:auto;box-shadow:0 5px 22px rgba(25,55,100,.045)}
.krj-oh__table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px}
.krj-oh__table th{padding:15px 18px;text-align:left;font-size:11px;letter-spacing:.03em;color:#5275a7;font-weight:800;background:#fbfcfe;border-bottom:1px solid #e9edf3}
.krj-oh__table td{padding:17px 18px;border-bottom:1px solid #edf0f5;vertical-align:middle;font-size:13px;color:#53627b}
.krj-oh__table tbody tr:last-child td{border-bottom:0}
.krj-oh__table tbody tr:hover{background:#fbfdff}
.krj-oh__number{display:block;color:#1469df!important;text-decoration:none!important;font-size:16px;font-weight:800;line-height:1.2}
.krj-oh__sub{display:block;color:#1469df!important;text-decoration:none!important;font-size:11px;margin-top:4px}
.krj-oh__date{display:block;color:#53627b}.krj-oh__table td small{display:block;margin-top:3px;color:#93a0b4;font-size:10px}
.krj-oh__badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.krj-oh__badge i{width:6px;height:6px;border-radius:50%;display:block}
.krj-oh__badge--processing{background:#fff4ce;color:#936d08}.krj-oh__badge--processing i{background:#e5a800}
.krj-oh__badge--shipped{background:#eaf2ff;color:#1768cf}.krj-oh__badge--shipped i{background:#2377e8}
.krj-oh__badge--completed{background:#e8f8ed;color:#16824a}.krj-oh__badge--completed i{background:#20a95c}
.krj-oh__badge--cancelled{background:#ffebeb;color:#d63745}.krj-oh__badge--cancelled i{background:#ed4d5a}
.krj-oh__items{white-space:nowrap;color:#6b7890}.krj-oh__price{color:#1266d9;font-size:14px;white-space:nowrap}
.krj-oh__detail{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:8px;background:#1469df;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:800;box-shadow:0 4px 10px rgba(20,105,223,.18);transition:.2s}
.krj-oh__detail:hover{transform:translateY(-1px);background:#0c5dcf}
.krj-oh__pagination{display:flex;align-items:center;justify-content:center;gap:7px;margin:20px 0 5px}
.krj-oh__page,.krj-oh__page-arrow{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:8px;text-decoration:none!important;color:#52617a!important;font-size:12px;font-weight:700;background:#fff}
.krj-oh__page.is-active{background:#1469df;color:#fff!important;box-shadow:0 4px 10px rgba(20,105,223,.2)}
.krj-oh__page-arrow{border:1px solid #edf0f5}.krj-oh__page-arrow.is-disabled{opacity:.4;pointer-events:none}
.krj-oh__empty{text-align:center;padding:50px 20px;border:1px dashed #dce3ed;border-radius:15px;background:#fff}.krj-oh__empty strong{display:block;font-size:19px;margin-bottom:5px}.krj-oh__empty span{font-size:13px;color:#7b879a}
@media(max-width:900px){
 .krj-oh__stats{grid-template-columns:repeat(2,1fr)}
 .krj-oh__stat:nth-child(2){border-right:0}.krj-oh__stat:nth-child(-n+2){border-bottom:1px solid #edf1f6}
}
@media(max-width:600px){
 .krj-oh__heading{align-items:flex-start;flex-direction:column;margin-bottom:18px}.krj-oh__heading h2{font-size:26px}
 .krj-oh__stats{grid-template-columns:1fr 1fr;border-radius:13px}
 .krj-oh__stat{padding:14px;gap:10px}.krj-oh__stat-icon{width:38px;height:38px;flex-basis:38px;font-size:19px;border-radius:10px}
 .krj-oh__stat div strong{font-size:19px}.krj-oh__stat div span{font-size:11px}
 .krj-oh__table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}
 .krj-oh__table{min-width:0;display:block}.krj-oh__table thead{display:none}.krj-oh__table tbody{display:grid;gap:12px}
 .krj-oh__table tr{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;border:1px solid #e7ecf4;border-radius:13px;background:#fff;box-shadow:0 4px 16px rgba(25,55,100,.05);padding:14px}
 .krj-oh__table td{display:flex;flex-direction:column;gap:4px;border:0!important;padding:8px 0;font-size:12px}
 .krj-oh__table td:before{content:attr(data-label);font-size:9px;font-weight:800;color:#91a0b5;letter-spacing:.04em}
 .krj-oh__table td[data-label="Order"]{grid-column:1}.krj-oh__table td[data-label="Status"]{grid-column:2;align-items:flex-end}
 .krj-oh__table td[data-label="Status"]:before{text-align:right;width:100%}.krj-oh__table td[data-label="Aksi"]{grid-column:1 / -1}
 .krj-oh__detail{width:100%;justify-content:center}
 .krj-oh__pagination{flex-wrap:wrap}
}

/* v2.2 — compact mobile order cards */
.krj-oh__mobile-status{display:none}
.krj-oh__order-head{display:block}
@media(max-width:600px){
 .krj-oh__table tbody{gap:10px}
 .krj-oh__table tr{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding:16px 16px 14px;border-radius:14px}
 .krj-oh__table td{padding:5px 0}
 .krj-oh__table td[data-label="Order"]{grid-column:1 / -1;display:block;padding:0 0 11px;border-bottom:1px solid #edf0f5!important}
 .krj-oh__order-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
 .krj-oh__number{font-size:18px}
 .krj-oh__sub{font-size:11px;margin-top:2px}
 .krj-oh__mobile-status{display:inline-flex}
 .krj-oh__desktop-status{display:none}
 .krj-oh__table td[data-label="Tanggal"]{grid-column:1;padding-top:11px}
 .krj-oh__table td[data-label="Status"]{display:none}
 .krj-oh__table td[data-label="Item"]{grid-column:1;padding-top:9px}
 .krj-oh__table td[data-label="Total"]{grid-column:2;grid-row:3 / span 2;align-items:flex-end;justify-content:center;text-align:right}
 .krj-oh__table td[data-label="Total"]:before{width:100%;text-align:right}
 .krj-oh__price{font-size:18px}
 .krj-oh__table td[data-label="Aksi"]{grid-column:1 / -1;padding-top:10px;margin-top:4px;border-top:1px solid #edf0f5!important}
 .krj-oh__detail{width:100%;min-height:42px;border-radius:9px}
 .krj-oh__date{font-size:12px}
 .krj-oh__table td small{font-size:10px}
 .krj-oh__items{font-size:12px}
}

/* v3.0 — standalone page support */
.krj-oh--standalone{width:100%;max-width:1400px;margin:0 auto}
.krj-oh__login{display:flex;flex-direction:column;gap:5px;padding:24px;border:1px solid #e7ecf4;border-radius:14px;background:#fff;color:#24324a}
.krj-oh__login strong{font-size:17px}.krj-oh__login span{font-size:13px;color:#738099}

/* v3.1 — standalone page cleanup and stronger theme isolation */
.krj-oh--standalone .krj-oh__heading{
    display:none !important;
}
.krj-oh--standalone .krj-oh__stats{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    width:100% !important;
    align-items:stretch !important;
}
.krj-oh--standalone .krj-oh__stat{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    min-width:0 !important;
}
.krj-oh--standalone .krj-oh__stat > div{
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
}
.krj-oh--standalone .krj-oh__table-wrap{
    width:100% !important;
    overflow-x:auto !important;
}
.krj-oh--standalone .krj-oh__table{
    width:100% !important;
    min-width:760px !important;
}
.krj-oh--standalone .krj-oh__table th,
.krj-oh--standalone .krj-oh__table td{
    white-space:normal !important;
}
.krj-oh--standalone .krj-oh__number,
.krj-oh--standalone .krj-oh__price{
    white-space:nowrap !important;
}
@media(max-width:900px){
    .krj-oh--standalone .krj-oh__stats{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media(max-width:600px){
    .krj-oh--standalone .krj-oh__stats{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
    .krj-oh--standalone .krj-oh__table{
        min-width:0 !important;
    }
}

/* v3.2 — standalone shortcode pages must retain the full dashboard layout */
.krj-oh--standalone .krj-oh__heading{
    display:flex !important;
}
.krj-oh--standalone .krj-oh__stats{
    display:grid !important;
}