.order-command,.course-ops-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,1.35fr);gap:18px;align-items:stretch;background:linear-gradient(135deg,#063f31,#087256);color:#fff;border-radius:24px;padding:24px;margin:0 0 22px;box-shadow:0 20px 50px rgba(5,49,37,.16)}
.order-command small,.course-ops-hero small{letter-spacing:.14em;font-size:10px;color:#e8c46a;font-weight:900}
.order-command h3,.course-ops-hero h3{font-size:28px;margin:7px 0 8px;color:#fff}
.order-command p,.course-ops-hero p{margin:0;color:#cae3dc;max-width:620px}
.order-metrics,.course-ops-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.order-metrics article,.course-ops-metrics article{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:15px}
.order-metrics span,.course-ops-metrics span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#cde4dd;font-weight:800}
.order-metrics b,.course-ops-metrics b{display:block;margin-top:8px;font-size:20px;color:#fff}
.ecommerce-order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.commerce-order-card{border:1px solid #dbe7e2;box-shadow:0 14px 40px rgba(16,49,39,.08)}
.commerce-order-card header{border-bottom:1px solid #edf2f0;padding-bottom:14px;margin-bottom:12px}
.commerce-order-card header strong{font-size:24px;color:#075f49}
.order-status-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}
.order-status-row a{margin-left:auto;color:#075f49;font-weight:900;font-size:12px}
.order-chip{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;text-transform:uppercase;background:#eef4f1;color:#4d5f58}
.order-confirmed,.order-completed,.pay-paid{background:#dff6ed;color:#056044}
.order-pending,.pay-pending{background:#fff4d8;color:#8a6500}
.order-cancelled,.pay-refunded{background:#ffe5e2;color:#9d2f23}
.pay-unpaid{background:#f1f3f2;color:#5f6864}
.content-product-panel table tr:hover{background:#f7fbf9}
.course-ops-hero{background:linear-gradient(135deg,#f8fbfa,#eef7f3);color:#062d24;border:1px solid #d8e8e1;box-shadow:none}
.course-ops-hero h3{color:#062d24}
.course-ops-hero p{color:#52665f}
.course-ops-metrics article{background:#fff;border-color:#dceae4}
.course-ops-metrics span{color:#60736c}
.course-ops-metrics b{color:#075f49}
.course-access-pill{display:inline-flex;width:max-content;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#e8f5ef;color:#076047;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.learning-product-card .course-cover{position:relative}
.learning-product-card .course-cover:after{content:'Course access';position:absolute;right:14px;bottom:14px;background:rgba(255,255,255,.92);color:#075f49;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:1100px){.order-command,.course-ops-hero{grid-template-columns:1fr}.order-metrics,.course-ops-metrics{grid-template-columns:repeat(3,1fr)}.ecommerce-order-grid{grid-template-columns:1fr}}
@media(max-width:650px){.order-command,.course-ops-hero{border-radius:18px;padding:18px}.order-metrics,.course-ops-metrics{grid-template-columns:1fr 1fr}.order-status-row a{width:100%;margin-left:0}.order-command h3,.course-ops-hero h3{font-size:23px}}