.order-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;padding:25px 30px;border-radius:20px;background:linear-gradient(125deg,#092331,#0d4a4b);color:#fff;box-shadow:0 18px 45px rgba(8,38,51,.16)}.order-hero .back{color:#81e1d7}.order-kicker{margin-top:28px;color:#71d9cf;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:850}.order-hero h1{font-size:42px;margin:4px 0}.order-hero p{margin:0;color:#afc9d0}.order-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.order-main-column,.order-action-column{display:grid;gap:20px}.detail-section,.billing-section{padding:28px}.section-heading{display:flex;align-items:flex-start;gap:13px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.section-heading>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#def6f2;color:#087a70;font-size:12px;font-weight:850}.section-heading h2{margin:0 0 3px;font-size:19px}.section-heading p{margin:0;color:var(--muted);font-size:13px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.info-grid .wide{grid-column:1/-1}.info-grid small,.payment-summary small,.payment-breakdown small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:750;margin-bottom:5px}.info-grid strong{font-size:15px}.info-grid a{color:var(--brand);text-decoration:none}.payment-summary{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}.payment-summary>div{padding:18px;border-radius:13px;background:#f5f8f9}.payment-total{background:linear-gradient(135deg,#0e766e,#17958b)!important;color:#fff}.payment-total small{color:#c9f3ed}.payment-total strong{font-size:26px}.payment-state.open{background:#fff5d8;color:#765400}.payment-state.paid{background:#e2f7ef;color:#176746}.payment-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.payment-breakdown>div{padding:17px;border:1px solid var(--line);border-radius:13px}.payment-breakdown span{display:block;font-size:20px;margin-bottom:10px}.payment-breakdown strong{font-size:17px}.payment-confirmed{margin:17px 0 0;padding:12px;border-radius:9px;background:#e2f7ef;color:#176746;font-weight:700}.action-card{padding:24px}.action-card h2{margin:8px 0}.action-card>p{color:var(--muted);font-size:13px}.action-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#def6f2;color:#087a70;font-size:19px;font-weight:850}.action-stack{display:grid;gap:13px;margin-top:18px}.action-stack label{font-weight:700;font-size:13px}.action-stack input,.action-stack select{margin-top:5px}.action-stack .button,.action-card form>.button{width:100%}.split-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.payment-open-card{border-color:#efd694;background:#fffbef}.payment-open-card .action-icon{background:#ffefbc}.admin-status-card{border-top:4px solid #143c48}
@media(max-width:1050px){.order-detail-layout{grid-template-columns:1fr}.order-action-column{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-breakdown{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.order-hero{align-items:flex-start;padding:22px}.order-hero h1{font-size:31px}.order-detail-layout{display:block}.order-action-column{display:grid;grid-template-columns:1fr;margin-top:18px}.info-grid,.payment-summary{grid-template-columns:1fr}.payment-breakdown{grid-template-columns:1fr 1fr}.detail-section,.billing-section{padding:20px}.split-fields{grid-template-columns:1fr}}
.audit-timeline{display:grid;gap:0;margin-top:18px}.audit-entry{display:grid;grid-template-columns:18px 1fr;gap:12px;position:relative;padding-bottom:20px}.audit-entry>span{width:11px;height:11px;border-radius:50%;background:#1b76ff;margin-top:5px;box-shadow:0 0 0 4px rgba(27,118,255,.12)}.audit-entry:not(:last-child):before{content:"";position:absolute;left:5px;top:18px;bottom:0;width:1px;background:#dce5f0}.audit-entry div{display:grid;gap:4px}.audit-entry strong{font-size:.95rem;color:#18243a}.audit-entry small{color:#718096}
