.order-fulfillment-panel{position:relative;display:grid;grid-template-columns:68px 1fr;gap:18px;align-items:start;overflow:hidden;margin:18px 0;padding:24px;border:1px solid rgba(109,132,186,.34);border-radius:22px;background:linear-gradient(135deg,rgba(39,48,72,.98),rgba(25,30,45,.98));box-shadow:0 18px 44px rgba(5,9,20,.22)}
.order-fulfillment-panel::after{content:"";position:absolute;inset:auto -18% -120% 28%;height:240px;background:radial-gradient(circle,rgba(101,133,255,.17),transparent 66%);pointer-events:none}
.fulfillment-orbit{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(101,133,255,.13);border:1px solid rgba(127,152,255,.35);color:#aabaff;font-size:24px}
.fulfillment-orbit i{position:absolute;inset:-6px;border:1px solid rgba(139,160,255,.25);border-radius:22px;animation:nexusSlaPulse 2.8s ease-in-out infinite}
.order-fulfillment-panel small{display:block;margin-bottom:6px;color:#94a9e9;font-size:12px;font-weight:800;letter-spacing:.12em}
.order-fulfillment-panel h2{margin:0;color:#f6f8ff;font-size:22px;line-height:1.25}.order-fulfillment-panel p{max-width:720px;margin:8px 0 16px;color:#c0c8dc;font-size:15px;line-height:1.65}
.fulfillment-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.fulfillment-meta span,.fulfillment-meta b{padding:8px 12px;border-radius:999px;background:rgba(12,16,27,.38);color:#dce3f6;font-size:13px}.fulfillment-meta b{color:#8ff0d2}
.order-fulfillment-panel .btn{position:relative;z-index:1;margin-top:16px}.order-fulfillment-panel.acknowledged{border-color:rgba(58,210,167,.34)}.order-fulfillment-panel.acknowledged .fulfillment-orbit{color:#7eeac9;background:rgba(39,199,151,.12);border-color:rgba(68,224,178,.35)}
.order-fulfillment-panel.overdue{border-color:rgba(255,108,132,.42);background:linear-gradient(135deg,rgba(62,38,53,.98),rgba(28,29,43,.98))}.order-fulfillment-panel.overdue .fulfillment-orbit,.order-fulfillment-panel.overdue .fulfillment-meta b{color:#ff9caf}.order-fulfillment-panel.overdue .fulfillment-orbit{background:rgba(255,88,117,.12);border-color:rgba(255,118,141,.35)}
@keyframes nexusSlaPulse{0%,100%{transform:scale(.96);opacity:.45}50%{transform:scale(1.07);opacity:1}}
@media(max-width:640px){.order-fulfillment-panel{grid-template-columns:48px 1fr;padding:18px;gap:13px;border-radius:18px}.fulfillment-orbit{width:46px;height:46px;border-radius:15px}.order-fulfillment-panel h2{font-size:19px}.order-fulfillment-panel p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.fulfillment-orbit i{animation:none}}