/* Sprint 564 — premium buyer order detail. Buyer-only scope; seller surfaces untouched. */
.tf-buyer-order-detail{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;padding:28px clamp(18px,2.2vw,42px) 52px!important;background:linear-gradient(180deg,#f6f9fe 0,#f8fafc 100%);color:#12233f;min-height:66vh}
.tf-buyer-order-detail *{box-sizing:border-box}
.tf-buyer-order-detail>.flex:first-of-type{position:relative;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:22px!important;padding:24px 26px;border:1px solid #dce6f2;border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(16,42,82,.07)}
.tf-buyer-order-detail>.flex:first-of-type:before{content:"BUYER ORDER";position:absolute;right:24px;bottom:18px;font-size:58px;line-height:1;font-weight:900;letter-spacing:.06em;color:#f2f6fb;pointer-events:none}
.tf-buyer-order-detail .trade-secure-badge{display:inline-flex!important;align-items:center;width:auto!important;max-width:160px!important;height:34px!important;margin:0 0 14px!important;overflow:hidden!important;border-radius:10px!important;background:#f3f8ff!important}
.tf-buyer-order-detail .trade-secure-badge img{display:block!important;width:auto!important;max-width:100%!important;height:34px!important;object-fit:contain!important}
.tf-buyer-order-detail>.flex:first-of-type p.text-sm{margin:0 0 7px;color:#0b63ce!important;font-size:11px!important;font-weight:900!important;letter-spacing:.14em;text-transform:uppercase}
.tf-buyer-order-detail>.flex:first-of-type h1{position:relative;z-index:1;margin:0;max-width:820px;color:#10213e;font-family:"Plus Jakarta Sans",Manrope,sans-serif;font-size:clamp(22px,2.1vw,34px)!important;line-height:1.17;font-weight:800!important;letter-spacing:-.025em;overflow-wrap:anywhere}
.tf-buyer-order-detail>.flex:first-of-type h1+p{position:relative;z-index:1;margin:9px 0 0;color:#62748d!important;font-size:14px}
.tf-buyer-order-detail>.flex:first-of-type>.flex{position:relative;z-index:2;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:9px!important}
.tf-buyer-order-detail>.flex:first-of-type>.flex>div{display:inline-flex;align-items:center;min-height:35px;padding:8px 13px!important;border:1px solid #d8e6f8;border-radius:999px!important;background:#eef6ff!important;color:#0e5db8!important;font-size:11px!important;font-weight:900!important;white-space:nowrap}
.tf-buyer-order-detail>.grid{display:grid!important;grid-template-columns:minmax(0,1.75fr) minmax(300px,.65fr)!important;gap:22px!important;margin-top:22px}
.tf-buyer-order-detail .space-y-5>*+*{margin-top:18px!important}
.tf-buyer-order-detail .rounded-2xl{border-radius:18px!important}
.tf-buyer-order-detail .border{border:1px solid #dfe7f1!important}
.tf-buyer-order-detail .bg-white{background:#fff!important}
.tf-buyer-order-detail .overflow-hidden{overflow:hidden!important}
.tf-buyer-order-detail .p-5{padding:20px!important}
.tf-buyer-order-detail .p-4{padding:14px 16px!important}
.tf-buyer-order-detail .p-3{padding:11px 14px!important}
.tf-buyer-order-detail h2{margin:0;color:#162946;font-size:17px!important;line-height:1.3;font-weight:900!important}
.tf-buyer-order-detail .text-sm{font-size:12px!important}
.tf-buyer-order-detail .text-slate-500{color:#708198!important}
.tf-buyer-order-detail .font-bold{font-weight:800!important}.tf-buyer-order-detail .font-black{font-weight:900!important}
.tf-buyer-order-detail table{width:100%!important;border-collapse:collapse!important;background:#fff;font-size:12px!important}
.tf-buyer-order-detail thead{background:#f6f9fd!important}.tf-buyer-order-detail tfoot{background:#f8fafc!important}
.tf-buyer-order-detail th{color:#61728b;font-size:10px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.08em}
.tf-buyer-order-detail td{color:#273b56;vertical-align:top}
.tf-buyer-order-detail tbody tr{border-top:1px solid #e9eef5!important}
.tf-buyer-order-detail tbody tr:hover{background:#fbfdff}
.tf-buyer-order-detail td:first-child{color:#152844;font-weight:800!important}
.tf-buyer-order-detail .text-right{text-align:right!important}
.tf-buyer-order-detail tfoot tr:last-child td{padding-top:15px!important;padding-bottom:15px!important;border-top:1px solid #dce5ef;color:#10213e;font-weight:900!important}
.tf-buyer-order-detail .text-lg{font-size:17px!important}
.tf-buyer-order-detail .order-warehouse-tag{display:block;margin-top:5px;color:#71839a;font-size:9px!important;line-height:1.5;font-weight:700!important}
.tf-buyer-order-detail .trade-secure-order-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border:1px solid #cfe0f5;border-radius:16px;background:linear-gradient(135deg,#f4f9ff,#fff)}
.tf-buyer-order-detail .trade-secure-order-banner>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tf-buyer-order-detail .trade-secure-order-banner .trade-secure-badge{margin:0!important;max-width:116px!important;height:28px!important}.tf-buyer-order-detail .trade-secure-order-banner .trade-secure-badge img{height:28px!important}.tf-buyer-order-detail .trade-secure-order-banner strong{color:#133864;font-size:12px}.tf-buyer-order-detail .trade-secure-order-banner p{width:100%;margin:0;color:#74859a;font-size:10px}.tf-buyer-order-detail .trade-secure-status{padding:7px 10px;border-radius:999px;background:#e9f6ef;color:#17804b;font-size:10px;font-weight:900;white-space:nowrap}
.tf-buyer-order-detail .rounded-2xl.border.bg-white,.tf-buyer-order-detail .overflow-hidden.rounded-2xl{box-shadow:0 10px 28px rgba(23,48,85,.055)}
.tf-buyer-order-detail .mt-4{margin-top:14px!important}.tf-buyer-order-detail .mt-3{margin-top:11px!important}.tf-buyer-order-detail .mt-2{margin-top:8px!important}.tf-buyer-order-detail .mt-1{margin-top:4px!important}
.tf-buyer-order-detail .flex{display:flex}.tf-buyer-order-detail .items-center{align-items:center}.tf-buyer-order-detail .items-start{align-items:flex-start}.tf-buyer-order-detail .justify-between{justify-content:space-between}.tf-buyer-order-detail .gap-2{gap:8px}.tf-buyer-order-detail .gap-3{gap:11px}.tf-buyer-order-detail .gap-4{gap:15px}
.tf-buyer-order-detail .h-3.w-3{display:block;width:10px!important;height:10px!important;min-width:10px;border-radius:999px;background:#1769d2!important;box-shadow:0 0 0 4px #eaf3ff}
.tf-buyer-order-detail .space-y-4>*+*{margin-top:14px!important}.tf-buyer-order-detail .space-y-3>*+*{margin-top:11px!important}.tf-buyer-order-detail .space-y-2>*+*{margin-top:8px!important}
.tf-buyer-order-detail aside{position:relative;min-width:0}.tf-buyer-order-detail aside>.rounded-2xl{position:relative}
.tf-buyer-order-detail aside>.rounded-2xl:first-child{border-color:#cbdcf2!important;background:linear-gradient(180deg,#0d376f 0,#0a2d5e 100%)!important;color:#fff!important;box-shadow:0 18px 36px rgba(6,39,86,.17)!important}
.tf-buyer-order-detail aside>.rounded-2xl:first-child h2{color:#fff!important}.tf-buyer-order-detail aside>.rounded-2xl:first-child .text-slate-500{color:#bfd0e8!important}.tf-buyer-order-detail aside>.rounded-2xl:first-child .bg-slate-50{background:rgba(255,255,255,.09)!important}.tf-buyer-order-detail aside>.rounded-2xl:first-child .order-financial-ledger>div{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.07)}.tf-buyer-order-detail aside>.rounded-2xl:first-child .order-financial-ledger dt{color:#b9cae2}.tf-buyer-order-detail aside>.rounded-2xl:first-child .order-financial-ledger dd{color:#fff}
.tf-buyer-order-detail .order-financial-ledger{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.tf-buyer-order-detail .order-financial-ledger>div{padding:10px;border:1px solid #e0e7f0;border-radius:12px;background:#f9fbfd}.tf-buyer-order-detail .order-financial-ledger dt{font-size:9px;color:#708198}.tf-buyer-order-detail .order-financial-ledger dd{margin:3px 0 0;color:#173657;font-size:12px;font-weight:900}
.tf-buyer-order-detail a.block,.tf-buyer-order-detail button{cursor:pointer;text-decoration:none}.tf-buyer-order-detail a.block{display:block!important}.tf-buyer-order-detail .w-full{width:100%!important}.tf-buyer-order-detail .text-center{text-align:center!important}.tf-buyer-order-detail .bg-blue-700{background:#f7bc2e!important;color:#0b2348!important;border:0!important}.tf-buyer-order-detail .text-white{color:#fff}.tf-buyer-order-detail .rounded-xl{border-radius:12px!important}
.tf-buyer-order-detail form select,.tf-buyer-order-detail form textarea,.tf-buyer-order-detail form input{width:100%;max-width:100%;border:1px solid #dce5ef!important;border-radius:12px!important;background:#fff;color:#203550;font:inherit;outline:0}.tf-buyer-order-detail form select,.tf-buyer-order-detail form input{min-height:42px}.tf-buyer-order-detail form textarea{min-height:78px;resize:vertical}.tf-buyer-order-detail form select:focus,.tf-buyer-order-detail form textarea:focus,.tf-buyer-order-detail form input:focus{border-color:#2c73c9!important;box-shadow:0 0 0 3px rgba(44,115,201,.12)}
.tf-buyer-order-detail button{min-height:42px;border-radius:12px!important;font-weight:900!important}.tf-buyer-order-detail .border-rose-300{border-color:#f2b8bd!important;background:#fff8f8!important}.tf-buyer-order-detail .text-rose-700{color:#b4232d!important}.tf-buyer-order-detail .text-emerald-700{color:#13804b!important}.tf-buyer-order-detail .text-amber-700{color:#a56706!important}
.tf-buyer-order-detail>.rounded-2xl{margin-bottom:14px}
.tf-buyer-order-detail .transaction-audit-list{display:grid;gap:8px;margin-top:13px}.tf-buyer-order-detail .transaction-audit-list>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid #e3eaf2;border-radius:12px;background:#fafcfe}.tf-buyer-order-detail .transaction-audit-list span{color:#274866;font-size:10px;font-weight:800;text-transform:capitalize}.tf-buyer-order-detail .transaction-audit-list b{color:#142b48;font-size:10px}.tf-buyer-order-detail .transaction-audit-list small{color:#8090a4;font-size:9px}
@media(min-width:1180px){.tf-buyer-order-detail aside>.rounded-2xl:first-child{position:sticky;top:18px}}
@media(max-width:980px){.tf-buyer-order-detail{padding:20px 16px 42px!important}.tf-buyer-order-detail>.grid{grid-template-columns:1fr!important}.tf-buyer-order-detail>.flex:first-of-type:before{font-size:42px}.tf-buyer-order-detail aside>.rounded-2xl:first-child{position:static}}
@media(max-width:700px){.tf-buyer-order-detail{padding:14px 10px 32px!important}.tf-buyer-order-detail>.flex:first-of-type{padding:17px 15px;border-radius:17px;display:grid!important}.tf-buyer-order-detail>.flex:first-of-type:before{display:none}.tf-buyer-order-detail>.flex:first-of-type h1{font-size:20px!important}.tf-buyer-order-detail>.flex:first-of-type>.flex{align-items:flex-start!important;flex-direction:row!important;flex-wrap:wrap!important}.tf-buyer-order-detail>.flex:first-of-type>.flex>div{font-size:9px!important;min-height:30px}.tf-buyer-order-detail>.grid{gap:14px!important;margin-top:14px}.tf-buyer-order-detail .p-5{padding:15px!important}.tf-buyer-order-detail .overflow-hidden.rounded-2xl{overflow-x:auto!important}.tf-buyer-order-detail table{min-width:650px!important}.tf-buyer-order-detail .order-financial-ledger{grid-template-columns:1fr 1fr}.tf-buyer-order-detail .transaction-audit-list>div{grid-template-columns:1fr auto}.tf-buyer-order-detail .transaction-audit-list small{grid-column:1/-1}.tf-buyer-order-detail .trade-secure-order-banner{align-items:flex-start;flex-direction:column}.tf-buyer-order-detail .trade-secure-status{align-self:flex-start}}
@media(max-width:420px){.tf-buyer-order-detail{padding-left:8px!important;padding-right:8px!important}.tf-buyer-order-detail>.flex:first-of-type{padding:14px 13px}.tf-buyer-order-detail>.flex:first-of-type h1{font-size:17px!important}.tf-buyer-order-detail .order-financial-ledger{grid-template-columns:1fr}.tf-buyer-order-detail .p-5{padding:13px!important}}