/* Halaman edit order sales (public/order-edit.php). Warna = token halaman order (kuning Susan). */
.itwse{--y:#fdc624;--yt:#8a6100;--ink:#3d2a00;--line:#f0e6c8;--soft:#fbf8ef;--mut:#8a7a55;--g:#15803d;max-width:640px;margin:0 auto;color:var(--ink);font-size:14px;line-height:1.45}
.itwse *{box-sizing:border-box}
.itwse h2{margin:0;padding:0;border:0;font-size:20px;font-weight:700;color:var(--ink)}
.itwse-muted{color:var(--mut);font-size:13px;margin:0}
.itwse-strong{font-weight:700;font-size:15px}
.itwse-nowrap{white-space:nowrap}
.itwse-head{padding:4px 2px 12px}
.itwse-back{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:8px 14px;border:1px solid #fde68a;border-radius:10px;background:#fff4cc;font-size:14px;color:var(--yt)!important;font-weight:600;text-decoration:none!important;touch-action:manipulation}.itwse-back:hover{background:#fde68a}
.itwse-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 2px}
.itwse-pill{display:inline-block;background:#fff4cc;color:var(--yt);border:1px solid #fde68a;border-radius:20px;font-size:12px;padding:2px 10px;font-weight:600;white-space:nowrap}
.itwse-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 12px}
.itwse-card.itwse-flush{padding:0;overflow:hidden}
.itwse-card-t{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:var(--yt);margin:0 0 8px;text-transform:none}
.itwse-card-hd{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:12px 16px;border-bottom:1px solid #f3ecd6}
.itwse-card-hd b{font-size:15px}.itwse-card-hd span{font-size:12px;color:var(--mut)}
.itwse-wa{color:#166534!important;font-weight:600;text-decoration:none!important}
.itwse-note{margin-top:10px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:8px 10px;font-size:13px}
/* Diskon order */
.itwse-fr{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #f6f0dc;margin:0;cursor:text}
.itwse-fr-t{flex:1;min-width:0}.itwse-fr-t b{display:block;font-size:14px}.itwse-fr-t small{display:block;color:var(--mut);font-size:12px}
.itwse-box{flex:none;width:112px;height:44px;border:1px solid #e5d9b6;border-radius:10px;display:flex;align-items:center;overflow:hidden;background:#fff}
.itwse-box:focus-within{border-color:var(--yt);box-shadow:0 0 0 2px #fde68a}
.itwse-box input{flex:1;min-width:0;height:100%;border:0!important;box-shadow:none!important;background:transparent!important;text-align:right;font-size:16px!important;padding:0 8px!important;margin:0!important;color:var(--ink)}
.itwse-box i{font-style:normal;background:#fbf6e6;color:var(--yt);height:100%;display:flex;align-items:center;padding:0 10px;font-size:13px}
.itwse-box i:first-child{border-right:1px solid #e5d9b6}.itwse-box i:last-child{border-left:1px solid #e5d9b6}
.itwse-seg{display:inline-flex;background:#fbf6e6;border-radius:8px;padding:2px;margin-top:6px}
.itwse-seg button{border:0!important;background:transparent!important;color:var(--yt)!important;font-size:12px!important;padding:5px 10px!important;border-radius:6px!important;min-height:30px;line-height:1;cursor:pointer;text-transform:none!important;font-weight:500}
.itwse-subsidi[data-mode=rp] [data-m=rp],.itwse-subsidi[data-mode=pct] [data-m=pct]{background:#fff!important;color:var(--ink)!important;box-shadow:0 0 0 1px #e9d9a8;font-weight:700}
.itwse-subsidi[data-mode=rp] .itwse-m-pct,.itwse-subsidi[data-mode=pct] .itwse-m-rp{display:none}
.itwse-subsidi .itwse-m-rp{width:140px}
.itwse-sec{padding:8px 16px 4px;font-size:11px;font-weight:700;color:var(--yt);text-transform:uppercase;letter-spacing:.04em;background:#fdfbf4}
.itwse-tier{border-bottom:0;padding:8px 16px}
.itwse-badge{display:inline-block;background:#fff4cc;border:1px solid #fde68a;border-radius:20px;padding:2px 10px;font-size:13px;font-weight:600;margin-bottom:2px}
.itwse-sum{display:flex;justify-content:space-between;padding:10px 16px;background:#f0fdf4;border-top:1px solid #dcfce7;color:#166534;font-size:14px}
.itwse-pad{padding:12px 16px}
.itwse-hint{text-align:center;font-size:12px;color:var(--mut);margin:6px 0 0}
.itwse-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;border-radius:12px!important;font-size:15px!important;font-weight:700!important;border:0!important;cursor:pointer;text-transform:none!important;letter-spacing:0!important;padding:0 16px!important;line-height:1.2}
.itwse-btn.is-y{background:var(--y)!important;color:var(--ink)!important}
.itwse-btn.is-o{background:#fff!important;color:var(--yt)!important;border:1.5px solid #e9b52a!important;width:auto}
.itwse-btn.is-g{background:var(--g)!important;color:#fff!important}
.itwse-btn:active{transform:scale(.98)}
.is-locked .itws-input-field,.is-locked .edit-harga-container input{pointer-events:none;opacity:.5}
/* Produk */
.itwse-item{padding:12px 16px;border-bottom:1px solid #f3ecd6}.itwse-item:last-child{border-bottom:0}
.itwse-item-top{display:flex;justify-content:space-between;gap:10px}
.itwse-prices{margin-top:8px;background:var(--soft);border-radius:10px;padding:8px 10px;font-size:13px}
.itwse-prices>div{display:flex;justify-content:space-between;gap:8px;padding:2px 0}
.itwse-prices>div>span:first-child{color:var(--mut)}
.itwse-prices>.itwse-prices-t{display:block;font-size:11px;font-weight:700;color:var(--yt);text-transform:uppercase;letter-spacing:.04em;padding:0 0 4px;margin-bottom:2px;border-bottom:1px solid #f0e6c8}
.itwse-prices s{color:var(--mut)}.itwse-prices b{font-weight:700}
.itwse-prices em,.itwse-green{font-style:normal;background:#dcfce7;color:#166534;border-radius:6px;padding:0 6px;font-weight:600;font-size:12px}
.itwse-green{background:none;padding:0;font-size:inherit}
.itwse-prices em{background:#fee2e2;color:#b91c1c} /* chip diskon merah (Edo) */
.itwse-edit{margin-top:8px}
.itwse-edit summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--yt);list-style:none;min-height:32px;display:flex;align-items:center}
.itwse-edit summary::after{content:"▾";margin-left:6px}.itwse-edit[open] summary::after{content:"▴"}
.itwse-edit summary::-webkit-details-marker{display:none}
.itwse .edit-harga-container{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end;margin:0;padding:0;border:0;background:none}
.itwse .edit-harga-container label{display:block;margin:0;font-size:12px;color:var(--yt)}
.itwse .edit-harga-container label span{display:block;margin-bottom:4px}
.itwse .edit-harga-container input[type=text]{width:100%;height:44px;border:1px solid #e5d9b6!important;border-radius:10px!important;padding:0 10px!important;font-size:16px!important;margin:0!important;background:#fff!important;color:var(--ink)}
.itwse .edit-harga-container .itwse-btn{grid-column:1/-1}
/* Ringkasan, alamat, catatan */
.itwse-row{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:14px}
.itwse-row>span:first-child{color:var(--mut)}
.itwse-total{border-top:1px dashed #e5d9b6;margin-top:6px;padding-top:10px;font-size:16px;font-weight:700}
.itwse-total>span:first-child{color:var(--ink)}
.itwse-addr summary{cursor:pointer;margin:0;list-style:none}.itwse-addr summary::-webkit-details-marker{display:none}
.itwse-addr summary::after{content:"▾"}.itwse-addr[open] summary::after{content:"▴"}
.itwse-addr-g{display:grid;gap:10px;margin-top:4px}.itwse-addr-g small{color:var(--mut);font-size:12px}
.itwse-addr address{font-style:normal;margin:0;font-size:13px}
.itwse-notei{font-size:13px;padding:6px 0;border-bottom:1px solid #f3ecd6}.itwse-notei small{display:block;color:var(--mut);font-size:11px}.itwse-notei p{margin:0}
.itwse-noteform{display:flex;gap:8px;margin-top:10px;align-items:stretch}
.itwse-noteform textarea{flex:1;min-height:44px;border:1px solid #e5d9b6!important;border-radius:10px!important;padding:10px!important;font-size:16px!important;resize:vertical}
.itwse-bar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-top:4px;box-shadow:0 -4px 12px rgba(61,42,0,.06)}
.itwse-bar small{display:block;color:var(--mut);font-size:11px}.itwse-bar b{font-size:16px;white-space:nowrap}
.itwse-bar .itwse-btn{flex:1}
@media (min-width:600px){.itwse-addr-g{grid-template-columns:1fr 1fr}.itwse .edit-harga-container{grid-template-columns:1fr 1fr 1fr auto}.itwse .edit-harga-container .itwse-btn{grid-column:auto;width:auto}}
/* Menu akun sales (WooLentor My Account, 3 link) → tab segmen. Hanya untuk nav yang memuat order-management (akun sales). */
.woocommerce-MyAccount-navigation:has(.woocommerce-MyAccount-navigation-link--order-management){max-width:640px;margin:8px auto 16px!important;padding:4px!important;background:#fbf8ef;border:1px solid #f0e6c8!important;border-radius:14px;box-shadow:none!important;width:auto!important;float:none!important}
.woocommerce-MyAccount-navigation:has(.woocommerce-MyAccount-navigation-link--order-management) ul{display:flex!important;gap:4px;margin:0!important;padding:0!important;list-style:none!important;border:0!important;background:none!important}
.woocommerce-MyAccount-navigation:has(.woocommerce-MyAccount-navigation-link--order-management) li{flex:1 1 0;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;list-style:none!important}
.woocommerce-MyAccount-navigation:has(.woocommerce-MyAccount-navigation-link--order-management) li a{display:flex!important;align-items:center;justify-content:center;min-height:44px;margin:0!important;padding:6px 8px!important;border:0!important;border-radius:10px;background:none!important;color:#8a6100!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;text-align:center;text-decoration:none!important;box-shadow:none!important;transition:background-color .15s,color .15s;touch-action:manipulation}
.woocommerce-MyAccount-navigation:has(.woocommerce-MyAccount-navigation-link--order-management) li a:hover{background:#fff4cc!important}
.woocommerce-MyAccount-navigation:has(.woocommerce-MyAccount-navigation-link--order-management) li a:focus-visible{outline:2px solid #8a6100;outline-offset:1px}
.woocommerce-MyAccount-navigation:has(.woocommerce-MyAccount-navigation-link--order-management) li.is-active a{background:#fdc624!important;color:#3d2a00!important;box-shadow:0 1px 3px rgba(61,42,0,.15)!important}
.woocommerce-MyAccount-navigation:has(.woocommerce-MyAccount-navigation-link--order-management) li a::before,.woocommerce-MyAccount-navigation:has(.woocommerce-MyAccount-navigation-link--order-management) li a::after{display:none!important}
/* Di halaman edit order: hanya tab aktif (judul halaman, tidak bisa diklik) supaya sales tidak pindah halaman saat mengedit. */
.woolentor_myaccount_page:has(.itwse) .woocommerce-MyAccount-navigation li:not(.is-active){display:none!important}
.woolentor_myaccount_page:has(.itwse) .woocommerce-MyAccount-navigation li.is-active a{font-size:15px!important;pointer-events:none;cursor:default}
/* Lebar isi Akun Saya (template WooLentor 8071, 690px) disamakan dengan header (template 4916, 650px). */
.elementor-8071 .elementor-element.elementor-element-8ea7c87>.elementor-container{max-width:650px!important}
/* Loader saat simpan (blockUI dari JS ITWS lama) + tanda berhasil sesudah halaman dimuat ulang. */
.woocommerce-MyAccount-content:has(.itwse) .blockUI.blockOverlay{background:rgba(255,255,255,.55)!important;opacity:1!important;cursor:wait!important}
.woocommerce-MyAccount-content:has(.itwse) .blockUI.blockOverlay::before{display:none!important}
.woocommerce-MyAccount-content:has(.itwse) .blockUI.blockMsg{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:auto!important;display:flex;align-items:center;gap:10px;padding:14px 20px!important;background:#fff!important;color:#3d2a00!important;border:1px solid #f0e6c8!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(61,42,0,.15)!important;opacity:1!important;font-size:14px;font-weight:600;white-space:nowrap}
.woocommerce-MyAccount-content:has(.itwse) .blockUI.blockMsg p{display:none}
.woocommerce-MyAccount-content:has(.itwse) .blockUI.blockMsg::before{content:"";width:20px;height:20px;border:3px solid #fde68a;border-top-color:#8a6100;border-radius:50%;animation:itwse-spin .7s linear infinite}
.woocommerce-MyAccount-content:has(.itwse) .blockUI.blockMsg::after{content:"Menyimpan…"}
@keyframes itwse-spin{to{transform:rotate(360deg)}}
.itwse-toast{position:fixed;top:16px;left:50%;z-index:99999;display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:12px 18px;border-radius:12px;background:#15803d;color:#fff;font-size:14px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.18);transform:translate(-50%,-8px);opacity:0;transition:opacity .2s,transform .2s}
.itwse-toast.is-in{opacity:1;transform:translate(-50%,0)}.itwse-toast.is-err{background:#b91c1c}
.itwse-flash{animation:itwse-flash 2.4s ease-out}
@keyframes itwse-flash{0%,30%{background:#fef3c7;box-shadow:inset 3px 0 0 #fdc624}100%{background:transparent;box-shadow:inset 3px 0 0 transparent}}
@media (prefers-reduced-motion:reduce){.woocommerce-MyAccount-content:has(.itwse) .blockUI.blockMsg::before{animation-duration:2s}.itwse-toast{transition:none}.itwse-flash{animation:none;background:#fef3c7}}
.itwse-tag{font-style:normal;background:#fee2e2;color:#b91c1c;border-radius:6px;padding:0 6px;font-weight:600;font-size:12px;white-space:nowrap} /* chip "by Sales (Nama)" di catatan, gaya chip diskon */
/* Daftar Order Management sales (DataTables ITWS lama, #order-management) → kartu per order, kontrol bergaya kuning Susan. */
#order-management_wrapper{max-width:640px;margin:0 auto;color:#3d2a00;font-size:14px}
#order-management_wrapper .dataTables_length,#order-management_wrapper .dataTables_filter{margin:0 0 12px;color:#8a7a55;font-size:13px}
#order-management_wrapper select,#order-management_wrapper .dataTables_filter input{height:40px;padding:0 10px!important;border:1px solid #f0e6c8!important;border-radius:10px!important;background:#fff!important;color:#3d2a00;font-size:14px}
#order-management_wrapper .dataTables_filter input:focus,#order-management_wrapper select:focus{outline:2px solid #fdc624;outline-offset:1px}
#order-management thead,#order-management tfoot{display:none!important}
#order-management,#order-management tbody{display:block;width:100%!important;border:0!important;background:none!important}
#order-management tbody tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;position:relative;margin:0 0 10px;padding:12px 14px;background:#fff!important;border:1px solid #f0e6c8;border-radius:14px;transition:border-color .15s,box-shadow .15s}
#order-management tbody tr:hover{border-color:#fdc624;box-shadow:0 2px 8px rgba(61,42,0,.08)}
#order-management tbody td{display:block!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;white-space:normal!important;text-align:left}
#order-management tbody td:nth-child(1){grid-area:1/1;font-weight:700;font-size:15px}
#order-management tbody td:nth-child(4){grid-area:1/2;font-weight:700;text-align:right;white-space:nowrap!important}
#order-management tbody td:nth-child(3){grid-area:2/1}#order-management .itwso-st{display:inline-block;padding:1px 10px;border-radius:20px;background:#fff4cc;border:1px solid #fde68a;color:#8a6100;font-size:12px;font-weight:600}
#order-management tbody td:nth-child(5){grid-area:2/2;text-align:right;color:#8a7a55;font-size:12px;align-self:center}
#order-management tbody td:nth-child(2){grid-column:1/-1;grid-row:3;color:#8a7a55;font-size:13px}
#order-management tbody td:nth-child(2):empty{display:none!important}
#order-management tbody td:nth-child(6){grid-column:1/-1;grid-row:4;justify-self:end}
#order-management tbody td:nth-child(6) a{color:#8a6100!important;font-weight:600;text-decoration:none!important}
#order-management tbody td:nth-child(6) a::before{content:"";position:absolute;inset:0;border-radius:14px} /* seluruh kartu bisa diklik */
#order-management tbody td:nth-child(6) a::after{content:" ›"}
#order-management tbody td.dataTables_empty{grid-column:1/-1;text-align:center;color:#8a7a55}
#order-management tr.child{display:none!important}
#order-management td.dtr-control{padding-left:0!important}
#order-management_wrapper .dataTables_info{color:#8a7a55;font-size:13px;padding-top:8px!important}
#order-management_wrapper .dataTables_paginate{padding-top:8px!important}
#order-management_wrapper .dataTables_paginate .paginate_button{min-width:40px;height:40px;display:inline-flex!important;align-items:center;justify-content:center;margin:0 2px!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:10px!important;background:none!important;color:#8a6100!important;font-weight:600}
#order-management_wrapper .dataTables_paginate .paginate_button:hover{background:#fff4cc!important;border-color:#fde68a!important;color:#3d2a00!important}
#order-management_wrapper .dataTables_paginate .paginate_button.current{background:#fdc624!important;border-color:#fdc624!important;color:#3d2a00!important}
#order-management_wrapper .dataTables_paginate .paginate_button.disabled{opacity:.4;pointer-events:none}
#order-management_wrapper .dataTables_processing{background:#fff!important;border:1px solid #f0e6c8!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(61,42,0,.15)!important;color:#3d2a00}
/* Loader DataTables ("Processing...") → kartu melayang di tengah layar, sama dengan loader simpan. Tampil/sembunyi tetap diatur DataTables (inline display). */
#order-management_wrapper .dataTables_processing{position:fixed!important;top:50%!important;left:50%!important;z-index:1000!important;transform:translate(-50%,-50%);width:auto!important;height:auto!important;margin:0!important;padding:14px 20px!important;font-size:0!important;line-height:20px;white-space:nowrap}
#order-management_wrapper .dataTables_processing>div{display:none!important}
#order-management_wrapper .dataTables_processing::before{content:"";display:inline-block;vertical-align:middle;width:20px;height:20px;margin-right:10px;border:3px solid #fde68a;border-top-color:#8a6100;border-radius:50%;animation:itwse-spin .7s linear infinite;box-sizing:border-box}
#order-management_wrapper .dataTables_processing::after{content:"Memuat…";vertical-align:middle;font-size:14px;font-weight:600;color:#3d2a00}
/* Warna status menurut urgensi (data-st diisi JS di includes/legacy.php): u = perlu diproses sales, r = ditolak admin, w = menunggu admin, ok = beres, n = lainnya. */
#order-management tbody tr[data-st=u]{border-left:4px solid #f97316}
#order-management tbody tr[data-st=r]{border-left:4px solid #dc2626}
#order-management tbody tr[data-st=u] td:nth-child(3) .itwso-st{background:#ffedd5!important;border-color:#fdba74!important;color:#9a3412}
#order-management tbody tr[data-st=r] td:nth-child(3) .itwso-st{background:#fee2e2!important;border-color:#fca5a5!important;color:#b91c1c}
#order-management tbody tr[data-st=w] td:nth-child(3) .itwso-st{background:#dbeafe!important;border-color:#93c5fd!important;color:#1e40af}
#order-management tbody tr[data-st=ok] td:nth-child(3) .itwso-st{background:#dcfce7!important;border-color:#86efac!important;color:#166534}
#order-management tbody tr[data-st=n] td:nth-child(3) .itwso-st{background:#f3f4f6!important;border-color:#d1d5db!important;color:#4b5563}
/* Judul kecil di atas isi kartu Order Management (permintaan Edo). */
#order-management tbody td:nth-child(-n+5):not(.dataTables_empty)::before{display:block;margin-bottom:2px;color:#8a7a55;font-size:11px;font-weight:500;letter-spacing:.02em}
#order-management tbody td:nth-child(1)::before{content:"Pelanggan · No. order"}
#order-management tbody td:nth-child(2)::before{content:"Catatan pelanggan"}
#order-management tbody td:nth-child(3)::before{content:"Status"}
#order-management tbody td:nth-child(4)::before{content:"Total"}
#order-management tbody td:nth-child(5)::before{content:"Tanggal"}
#order-management tbody td:nth-child(2){color:#3d2a00!important;margin-top:4px}
/* Kolom pertama diberi tombol "+" oleh DataTables Responsive (td.dtr-control::before); pakai ::before itu untuk judul. */
#order-management tbody td.dtr-control::before{content:"Pelanggan · No. order"!important;position:static!important;display:block!important;width:auto!important;height:auto!important;margin:0 0 2px!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;color:#8a7a55!important;font-family:inherit!important;font-size:11px!important;font-weight:500!important;line-height:1.4!important;text-align:left!important;text-indent:0!important;letter-spacing:.02em}
/* Versi ringkas kartu Order Management (permintaan Edo): padding kecil, tanpa judul Total/Tanggal, teks "View" disembunyikan (seluruh kartu tetap link). */
#order-management tbody tr{gap:2px 10px;margin-bottom:8px;padding:10px 12px}
#order-management tbody td:nth-child(1){font-size:14px}
#order-management tbody td:nth-child(4)::before,#order-management tbody td:nth-child(5)::before{content:none}
#order-management tbody td:nth-child(5){align-self:end}
#order-management tbody td:nth-child(-n+3)::before,#order-management tbody td.dtr-control::before{font-size:10px!important;margin-bottom:0!important}
#order-management tbody td:nth-child(2){margin-top:2px;font-size:13px}
#order-management tbody td:nth-child(6){grid-area:1/1;width:0;height:0;overflow:visible}
#order-management tbody td:nth-child(6) a{font-size:0}
#order-management tbody td:nth-child(6) a::after{content:none}
/* Tombol teks di kanan bawah kartu: "Edit order" (perlu ditindak) / "Lihat order" (menunggu admin / beres). */
#order-management tbody td:nth-child(2){grid-column:1/2}
#order-management tbody td:nth-child(6){grid-area:3/2;width:auto;height:auto;justify-self:end;align-self:end}
#order-management tbody td:nth-child(6) a::after{content:"Edit order ›";display:inline-block;margin-top:4px;padding:4px 10px;border-radius:8px;background:#fdc624;color:#3d2a00;font-size:12px;font-weight:700}
#order-management tbody tr[data-st=w] td:nth-child(6) a::after,#order-management tbody tr[data-st=ok] td:nth-child(6) a::after{content:"Lihat order ›";background:#fff4cc;color:#8a6100}
/* Status di samping nama (permintaan Edo): baris 1 = nama · chip · total, baris 2 = tanggal · tombol, baris 3 = catatan. Judul "Status" dibuang. */
#order-management tbody tr{grid-template-columns:minmax(0,max-content) 1fr auto;align-items:end}
#order-management tbody td:nth-child(1){grid-area:1/1;min-width:0;overflow-wrap:anywhere}
#order-management tbody td:nth-child(3){grid-area:1/2;justify-self:start;align-self:end;padding-bottom:1px!important}
#order-management tbody td:nth-child(3)::before{content:none}
#order-management tbody td:nth-child(4){grid-area:1/3}
#order-management tbody td:nth-child(5){grid-area:2/1/3/3;text-align:left;align-self:center}
#order-management tbody td:nth-child(6){grid-area:2/3;align-self:center}
#order-management tbody td:nth-child(2){grid-column:1/-1;grid-row:3}
/* Order History sales (DataTables #order-history, 9 kolom: tanggal, no. order, status, pelanggan, tipe, produk, jumlah, kupon, net) → kartu ringkas, gaya sama dengan Order Management. */
#order-history_wrapper{max-width:640px;margin:0 auto;color:#3d2a00;font-size:14px}
#order-history_wrapper .dataTables_length,#order-history_wrapper .dataTables_filter{margin:0 0 12px;color:#8a7a55;font-size:13px}
#order-history_wrapper select,#order-history_wrapper .dataTables_filter input{height:40px;padding:0 10px!important;border:1px solid #f0e6c8!important;border-radius:10px!important;background:#fff!important;color:#3d2a00;font-size:14px}
#order-history_wrapper .dataTables_filter input:focus,#order-history_wrapper select:focus{outline:2px solid #fdc624;outline-offset:1px}
#order-history thead,#order-history tfoot,#order-history tr.child{display:none!important}
#order-history,#order-history tbody{display:block;width:100%!important;border:0!important;background:none!important}
#order-history tbody tr{display:grid;grid-template-columns:minmax(0,max-content) 1fr auto;align-items:end;gap:2px 10px;margin:0 0 8px;padding:10px 12px;background:#fff!important;border:1px solid #f0e6c8;border-radius:14px}
#order-history tbody td{display:block!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;white-space:normal!important;text-align:left}
#order-history tbody td.dtr-control::before{content:none!important;display:none!important}
#order-history tbody td:nth-child(4){grid-area:1/1;min-width:0;overflow-wrap:anywhere;font-weight:700}
#order-history tbody td:nth-child(3){grid-area:1/2;justify-self:start}
#order-history tbody td:nth-child(9){grid-area:1/3;font-weight:700;text-align:right;white-space:nowrap!important}
#order-history tbody td:nth-child(2){grid-area:2/1;color:#8a7a55;font-size:12px}
#order-history tbody td:nth-child(2)::before{content:"#"}
#order-history tbody td:nth-child(1){grid-area:2/2;color:#8a7a55;font-size:12px}
#order-history tbody td:nth-child(7){grid-area:2/3;color:#8a7a55;font-size:12px;text-align:right}
#order-history tbody td:nth-child(7)::after{content:" pack"}
#order-history tbody td:nth-child(5){display:none!important}
#order-history tbody td:nth-child(6),#order-history tbody td:nth-child(8){grid-column:1/-1;margin-top:4px;font-size:13px;line-height:1.45}
#order-history tbody td:nth-child(6)::before,#order-history tbody td:nth-child(8)::before{display:block;color:#8a7a55;font-size:10px;font-weight:500}
#order-history tbody td:nth-child(6)::before{content:"Produk"}
#order-history tbody td:nth-child(8)::before{content:"Kupon"}
#order-history tbody td:nth-child(8):empty{display:none!important}
#order-history tbody td.dataTables_empty{grid-column:1/-1;text-align:center;color:#8a7a55}
#order-history .itwso-st{display:inline-block;padding:1px 10px;border-radius:20px;background:#f3f4f6;border:1px solid #d1d5db;color:#4b5563;font-size:12px;font-weight:600}
#order-history tr[data-st=u] .itwso-st{background:#ffedd5;border-color:#fdba74;color:#9a3412}
#order-history tr[data-st=r] .itwso-st{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}
#order-history tr[data-st=w] .itwso-st{background:#dbeafe;border-color:#93c5fd;color:#1e40af}
#order-history tr[data-st=ok] .itwso-st{background:#dcfce7;border-color:#86efac;color:#166534}
#order-history_wrapper .dataTables_info{color:#8a7a55;font-size:13px;padding-top:8px!important}
#order-history_wrapper .dataTables_paginate{padding-top:8px!important}
#order-history_wrapper .dataTables_paginate .paginate_button{min-width:40px;height:40px;display:inline-flex!important;align-items:center;justify-content:center;margin:0 2px!important;padding:0 10px!important;border:1px solid transparent!important;border-radius:10px!important;background:none!important;color:#8a6100!important;font-weight:600}
#order-history_wrapper .dataTables_paginate .paginate_button:hover{background:#fff4cc!important;border-color:#fde68a!important;color:#3d2a00!important}
#order-history_wrapper .dataTables_paginate .paginate_button.current{background:#fdc624!important;border-color:#fdc624!important;color:#3d2a00!important}
#order-history_wrapper .dataTables_paginate .paginate_button.disabled{opacity:.4;pointer-events:none}
#order-history_wrapper .dataTables_processing{position:fixed!important;top:50%!important;left:50%!important;z-index:1000!important;transform:translate(-50%,-50%);width:auto!important;height:auto!important;margin:0!important;padding:14px 20px!important;background:#fff!important;border:1px solid #f0e6c8!important;border-radius:14px!important;box-shadow:0 8px 24px rgba(61,42,0,.15)!important;font-size:0!important;line-height:20px;white-space:nowrap}
#order-history_wrapper .dataTables_processing>div{display:none!important}
#order-history_wrapper .dataTables_processing::before{content:"";display:inline-block;vertical-align:middle;width:20px;height:20px;margin-right:10px;border:3px solid #fde68a;border-top-color:#8a6100;border-radius:50%;animation:itwse-spin .7s linear infinite;box-sizing:border-box}
#order-history_wrapper .dataTables_processing::after{content:"Memuat…";vertical-align:middle;font-size:14px;font-weight:600;color:#3d2a00}
/* Order History: daftar produk dilipat (details dibuat JS di includes/legacy.php), buka dengan ketuk "Lihat produk (N)". */
#order-history tbody td:nth-child(6)::before{content:none}
#order-history tbody td:nth-child(6) summary{display:inline-block;padding:2px 0;color:#8a6100;font-size:12px;font-weight:600;cursor:pointer;list-style:none}
#order-history tbody td:nth-child(6) summary::-webkit-details-marker{display:none}
#order-history tbody td:nth-child(6) summary::after{content:" ▾"}
#order-history tbody td:nth-child(6) details[open] summary::after{content:" ▴"}
#order-history tbody td:nth-child(6) details[open]{padding-bottom:2px}
#order-history tbody td:nth-child(6) details b{color:#8a6100;font-weight:600;white-space:nowrap} /* qty per variasi */
/* Detail Akun sales (form WooCommerce edit-account): kartu + input + tombol gaya kuning Susan. Hanya akun sales (nav punya order-management). */
.woolentor_myaccount_page:has(.woocommerce-MyAccount-navigation-link--order-management) .woocommerce-EditAccountForm{max-width:640px;margin:0 auto;padding:16px;background:#fff;border:1px solid #f0e6c8;border-radius:14px;color:#3d2a00;font-size:14px}
.woolentor_myaccount_page:has(.woocommerce-MyAccount-navigation-link--order-management) .woocommerce-EditAccountForm .form-row{margin:0 0 14px!important;padding:0!important}
.woolentor_myaccount_page:has(.woocommerce-MyAccount-navigation-link--order-management) .woocommerce-EditAccountForm label{display:block;margin:0 0 6px!important;color:#3d2a00!important;font-size:13px!important;font-weight:600!important;line-height:1.3}
.woolentor_myaccount_page:has(.woocommerce-MyAccount-navigation-link--order-management) .woocommerce-EditAccountForm .required{color:#b91c1c!important;text-decoration:none}
.woolentor_myaccount_page:has(.woocommerce-MyAccount-navigation-link--order-management) .woocommerce-EditAccountForm input.input-text{height:44px!important;padding:0 12px!important;border:1px solid #f0e6c8!important;border-radius:10px!important;background:#fffdf7!important;color:#3d2a00!important;font-size:15px!important;box-shadow:none!important}
.woolentor_myaccount_page:has(.woocommerce-MyAccount-navigation-link--order-management) .woocommerce-EditAccountForm input.input-text:focus{border-color:#fdc624!important;outline:2px solid #fde68a;outline-offset:0;background:#fff!important}
.woolentor_myaccount_page:has(.woocommerce-MyAccount-navigation-link--order-management) .woocommerce-EditAccountForm em,.woolentor_myaccount_page:has(.woocommerce-MyAccount-navigation-link--order-management) .woocommerce-EditAccountForm #account_display_name_description{display:block;margin-top:4px;color:#8a7a55;font-size:12px;font-style:normal}
.woolentor_myaccount_page:has(.woocommerce-MyAccount-navigation-link--order-management) .woocommerce-EditAccountForm fieldset{margin:6px 0 16px!important;padding:14px!important;border:1px solid #f0e6c8!important;border-radius:12px;background:#fbf8ef}
.woolentor_myaccount_page:has(.woocommerce-MyAccount-navigation-link--order-management) .woocommerce-EditAccountForm legend{padding:0 6px!important;color:#8a6100!important;font-size:14px!important;font-weight:700!important}
.woolentor_myaccount_page:has(.woocommerce-MyAccount-navigation-link--order-management) .woocommerce-EditAccountForm fieldset .form-row:last-child{margin-bottom:0!important}
.woolentor_myaccount_page:has(.woocommerce-MyAccount-navigation-link--order-management) .woocommerce-EditAccountForm button[type=submit]{display:block;width:100%;height:48px;margin:0!important;padding:0 16px!important;border:0!important;border-radius:12px!important;background:#fdc624!important;color:#3d2a00!important;font-size:15px!important;font-weight:700!important;cursor:pointer;transition:background-color .15s}
.woolentor_myaccount_page:has(.woocommerce-MyAccount-navigation-link--order-management) .woocommerce-EditAccountForm button[type=submit]:hover{background:#f0b400!important}
/* Filter status (dropdown, dibuat public/sales-list.js) sebaris dengan kotak cari; pilihan "Show entries" dibuang (tetap 20 per halaman). */
#order-management_wrapper .dataTables_length,#order-history_wrapper .dataTables_length{display:none!important}
#order-management_wrapper .dataTables_filter,#order-history_wrapper .dataTables_filter{float:none!important;display:flex;gap:8px;width:100%;text-align:left!important}
#order-management_wrapper .dataTables_filter label,#order-history_wrapper .dataTables_filter label{flex:1;min-width:0;margin:0}
#order-management_wrapper .dataTables_filter input,#order-history_wrapper .dataTables_filter input{width:100%!important;margin:0!important;font-size:15px}
#order-management_wrapper select.itwso-stf{flex:0 0 auto;max-width:48%;height:40px;padding:0 28px 0 10px!important;font-size:14px;font-weight:600;color:#8a6100;cursor:pointer}
/* Dropdown status: ikon corong (kiri) + panah (kanan), tidak melewati tepi kanan kolom. */
#order-management_wrapper .dataTables_filter,#order-management_wrapper .dataTables_filter *{box-sizing:border-box}
#order-management_wrapper .dataTables_filter{padding:0!important;margin-right:0!important}
#order-management_wrapper select.itwso-stf{-webkit-appearance:none;appearance:none;margin:0!important;padding:0 32px 0 34px!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a6100' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h18l-7 8v6l-4 2v-8z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a6100' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:left 11px center,right 11px center!important}
/* Garis fokus/hover kotak cari + dropdown digambar di dalam kotak (outline di luar terpotong tepi kolom). */
#order-management_wrapper select:hover,#order-management_wrapper .dataTables_filter input:hover,#order-history_wrapper .dataTables_filter input:hover{border-color:#fdc624!important}
#order-management_wrapper select:focus,#order-management_wrapper .dataTables_filter input:focus,#order-history_wrapper .dataTables_filter input:focus{outline:none!important;border-color:#fdc624!important;box-shadow:inset 0 0 0 1px #fdc624!important}
/* Tanggal di paling atas kartu (di atas "Pelanggan · No. order"), permintaan Edo. Baris: tanggal / nama · status · total / catatan · tombol. */
#order-management tbody td:nth-child(5){grid-area:1/1/2/4;text-align:left;align-self:start;margin-bottom:2px;font-size:11px}
#order-management tbody td:nth-child(1){grid-area:2/1}
#order-management tbody td:nth-child(3){grid-area:2/2}
#order-management tbody td:nth-child(4){grid-area:2/3}
#order-management tbody td:nth-child(2){grid-area:3/1/4/3}
#order-management tbody td:nth-child(6){grid-area:3/3}
.itwso-home{display:inline-flex;align-items:center;min-height:40px;margin:8px 0 4px;padding:8px 14px;border:1px solid #fde68a;border-radius:10px;background:#fff4cc;color:#8a6100!important;font-size:14px;font-weight:600;text-decoration:none!important;touch-action:manipulation}.itwso-home:hover{background:#fde68a} /* tombol ‹ Menu utama (public/sales.php) */