/* Halaman "Pesanan Saya" (/my-orders) dan "Lacak Pesanan" (/track). Navy #1e3a5f, kuning #fde68a, teks hitam. */
body{--ac-navy:#1e3a5f;--ac-y:#fde68a;--ac-line:#e3e7ee;--ac-soft:#f5f7fa}
body main.main>.container{max-width:1680px;width:100%;padding:14px 40px 60px}
body main.main>.container .breadcrumb-nav>.container{padding:0;max-width:none}
body main.main .breadcrumb{background:transparent;padding:0;font-size:14px}
body main.main .breadcrumb-item,body main.main .breadcrumb-item a{color:#111!important;font-weight:600;font-size:14px}

/* ---------- Lacak Pesanan ---------- */
body .track{padding:0}
body .track h1{font-size:32px;font-weight:800;color:#111;margin:8px 0 18px;letter-spacing:0}
body .track img{width:100%;max-height:220px;object-fit:cover;border-radius:14px;border:1px solid var(--ac-line)}
body #myForm{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;justify-content:flex-start!important;text-align:left!important;background:#fff;border:1px solid var(--ac-line);border-radius:14px;padding:22px;margin:0}
body #myForm .input-group{display:flex;flex-direction:column;align-items:stretch;flex:1 1 220px;margin:0!important;width:auto}
body #myForm label{font-size:15px;font-weight:700;color:#111;margin:0 0 6px;text-transform:none;white-space:normal}
body #myForm label small{font-weight:500;color:#3d4451;font-size:13px}
body #myForm .form-control,body #myForm .custom-select{height:50px!important;border:2px solid var(--ac-line);border-radius:10px;font-size:16px;color:#111;width:100%}
body #myForm .form-control:focus,body #myForm .custom-select:focus{border-color:var(--ac-navy);box-shadow:0 0 0 3px rgba(30,58,95,.12)}
body #myForm .btn-success{height:50px;padding:0 34px;border-radius:10px;background:var(--ac-navy)!important;border:0!important;color:#fff!important;font-weight:800;font-size:16px;text-transform:none;margin:0!important}
body #loading-image{font-weight:700;color:#111}
body .results table,body .tabledet table,body .statustable table,body .proccess table,body .process table,body .tablez{width:100%;font-size:15.5px;color:#111;border-collapse:collapse}
body .results th,body .tabledet th,body .statustable th,body .proccess th,body .process th{background:var(--ac-navy)!important;color:#fff!important;font-weight:700;padding:12px 14px;border:0!important;text-align:left!important}
body .results td,body .tabledet td,body .statustable td,body .proccess td,body .process td{padding:12px 14px;border:0!important;border-bottom:1px solid var(--ac-line)!important;color:#111}
body .results tbody tr:nth-child(odd) td,body .tabledet tbody tr:nth-child(odd) td,body .statustable tbody tr:nth-child(odd) td,body .process tbody tr:nth-child(odd) td{background:var(--ac-soft)}
body .results h4,body .tabledet h4,body .statustable h4,body .proccess h4,body .process h4{font-size:20px;font-weight:800;color:#111;margin:10px 0}

/* ---------- Pesanan Saya ---------- */
body .customer-heading{padding:0}
body #customer-order .btn-outline-primary,body #customer-order .btn-outline-secondary,body #customer-order .btn-info{height:46px;border-radius:10px;border:2px solid var(--ac-navy)!important;background:#fff!important;color:var(--ac-navy)!important;font-weight:700;font-size:15px;text-transform:none;padding:0 20px}
body #customer-order .btn-info{background:var(--ac-navy)!important;color:#fff!important}
body #customer-order .dropdown-menu{border:1px solid var(--ac-line);border-radius:12px;box-shadow:0 14px 34px rgba(30,58,95,.14);padding:8px}
body #customer-order .dropdown-item{font-size:15px;font-weight:600;color:#111;border-radius:8px;padding:9px 14px}
body #customer-order .dropdown-item:hover{background:#eef2f8;color:var(--ac-navy)}

body #order_details{min-width:1100px;border:1px solid var(--ac-line);border-radius:14px;overflow:hidden;background:#fff}
body #order_details thead th{background:var(--ac-navy)!important;color:#fff!important;font-size:14.5px!important;font-weight:700!important;padding:14px 16px!important;border:0!important;text-transform:none!important;white-space:nowrap}
body #order_details tbody td{font-size:15.5px;color:#111;padding:18px 16px!important;border-top:1px solid var(--ac-line)!important;vertical-align:top!important}
body #order_details tbody tr:nth-child(even){background:var(--ac-soft)!important}
body #order_details tbody tr:nth-child(odd){background:#fff!important}
body #order_details td.td-product{min-width:340px}
body #order_details .order-product-list{padding-left:18px;margin:0}
body #order_details .order-product-list li{margin-bottom:8px;line-height:1.5;color:#111}
body #order_details td.money{font-weight:800;color:var(--ac-navy);white-space:nowrap}
body #order_details td:nth-child(7){font-weight:700}
body #order_details .btn{border-radius:10px!important;font-weight:800;font-size:14.5px;text-transform:none;height:44px;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}
body #order_details .btn-theme{background:#fff!important;border:2px solid var(--ac-navy)!important;color:var(--ac-navy)!important}
body #order_details .btn-theme02{background:var(--ac-navy)!important;border:2px solid var(--ac-navy)!important;color:#fff!important}
body #order_details .btn-success{background:#1f9d55!important;border:2px solid #1f9d55!important;color:#fff!important}
body #order_details .btn-danger[disabled]{background:#f1f2f4!important;border:2px solid var(--ac-line)!important;color:#8a919c!important;opacity:1}
body #order_details form{margin:0}
body .modal-content{border:0;border-radius:14px;overflow:hidden}
body .modal-header{background:var(--ac-navy);color:#fff;border:0;padding:14px 20px}
body .modal-header .modal-title{color:#fff;font-weight:700;font-size:18px}
body .modal-header .close{color:#fff;opacity:1;text-shadow:none}
body .modal-body{color:#111;font-size:15.5px}
body .modal-footer .btn,body .modal .btn-theme02{border-radius:10px;font-weight:700}

@media(max-width:991px){
  body main.main>.container{padding:10px 16px 40px}
  body .track h1{font-size:24px}
  body #myForm{padding:16px}
}

/* wadah bersarang di halaman pesanan: hilangkan indentasi berlapis */
body .customer-heading .container,body .customer-heading .customer-heading-wrapper{max-width:none!important;width:100%;padding-left:0!important;padding-right:0!important}
body .customer-heading .row{margin-left:0;margin-right:0}
body .customer-heading-inner{width:100%;padding:0}
body #myForm label{text-align:left}
body #myForm .input-group>label{width:100%}