/* Modern styles for tra cứu page */
:root{--brand:#ef9911;--accent:#cc7a0d;--muted:#7a7a7a;--bg:#f7f8fb;--card:#ffffff}
/* Layout */
.chitiet-nd{padding:28px 12px}
.container_dh{max-width:1100px;margin:0 auto}
.box-checkout{background:var(--card);border-radius:12px;padding:18px;box-shadow:0 6px 20px rgba(5,20,40,0.06);border:1px solid rgba(11,33,70,0.04)}
.checkout-title{font-size:18px;color:var(--brand);font-weight:600;margin-bottom:12px}
.title-main span{display:block;font-size:28px;color:var(--brand);font-weight:700;text-align:center;margin-bottom:18px}

/* Search row */
.top-checkout{display:flex;gap:12px;align-items:center}
.top-checkout .form-row{width:100%;display:flex;}
#tracuu{flex:1;padding:14px 16px;border-radius:10px;border:1px solid rgba(11,33,70,0.08);font-size:15px;background:linear-gradient(180deg,#fff,#fbfbff)}
#tracuu:focus{outline:none;box-shadow:0 6px 18px rgba(7,41,105,0.06);border-color:var(--brand)}
.btn-tracuu{display:inline-block;padding:12px 18px;border-radius:10px;background:linear-gradient(90deg,var(--brand),var(--accent));color:#fff;font-weight:600;cursor:pointer;border:0;width: 100%;}
.btn-tracuu:hover{filter:brightness(1.03)}

/* Result box */
.box-donhang{margin-top:20px;display:flex;flex-wrap:wrap}
.box-donhang .col-sm-6{flex:1 1 48%}
.checkout-form.form{background:var(--bg);padding:14px;border-radius:10px;border:1px dashed rgba(11,33,70,0.03);margin-bottom: 20px;}

.checkout-form.form:last-child {
    margin-bottom: 0;
}
.item-col label{display:block;font-size: 15px;color:var(--muted);margin-bottom:6px;gap: 10px;margin-bottom: 10px;}
.item-col p{margin:0;font-size:15px;color:#143055;font-weight: 500;}

/* Status badge */
.text-status{display:inline-block;padding:8px 12px;border-radius:999px;background:linear-gradient(90deg,rgba(239,153,17,0.12),rgba(7,41,105,0.04));color:var(--brand);font-weight:700;margin-bottom:12px}

/* Image */
.box-donhang img{width:100%;height:auto;border-radius:8px;object-fit:cover}

/* Share area */
.share{margin-top:20px;padding:14px;border-radius:10px;background:linear-gradient(180deg,#fff,#fbfbff);border:1px solid rgba(11,33,70,0.04)}

/* Responsive */
@media (max-width:900px){
  .title-main span{font-size:22px}
  .box-donhang .col-sm-6{flex:1 1 100%}
  .top-checkout .form-row{flex-direction:column}
  .btn-tracuu{width:100%;max-width: 40%;margin: 10px auto 0 auto;display: block;font-size: 12px;}
  .chitiet-nd{padding:20px 0px}
  .text-status{font-size:20px}
}

/* Small helper */
.input-error{animation:shake 0.4s;border-color:#d9534f !important}
@keyframes shake{10%,30%,50%,70%,90%{transform:translateX(-6px)}20%,40%,60%,80%{transform:translateX(6px)}100%{transform:translateX(0)}}

/* Accessibility */
.btn-tracuu:focus{outline:3px solid rgba(14,82,167,0.12)}