.order360-shell{--order360-accent:#b67a00;--order360-soft:#fff4c7;--order360-border:#e8c96b;position:fixed;z-index:calc(var(--barang-z-header) + 2);inset-block-start:var(--barang-header-height);inset-block-end:0;inset-inline-start:var(--barang-sidebar-width);inset-inline-end:0;padding:16px;background:#173232aa;backdrop-filter:blur(8px);overflow:auto}.order360-shell.theme-registered{--order360-accent:#16865a;--order360-soft:#e4f6ec;--order360-border:#92d2ae}.order360-shell.theme-cancelled{--order360-accent:#bf3d43;--order360-soft:#fde8e8;--order360-border:#efa0a4}.order360-modal{width:100%;max-width:1500px;min-height:100%;margin:auto;background:#f6f8f7;border-top:5px solid var(--order360-accent);border-radius:22px;color:#233344;overflow:hidden}.order360-head{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;padding:18px 24px;border-bottom:1px solid var(--order360-border)}.order360-head h1{font-size:21px;margin:7px 0}.order360-close{border:1px solid #e6ebee;border-radius:50%;width:38px;height:38px;font-size:22px}.order360-pill{display:inline-block;padding:7px 11px;border-radius:20px;font-size:11px;background:var(--order360-soft);color:var(--order360-accent)}.order360-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px 24px 0}.order360-metric,.order360-card{background:#fff;border:1px solid #e6ebee;border-radius:18px;padding:18px}.order360-metric small{color:#7b8995}.order360-metric strong{display:block;font-size:18px;margin-top:10px}.order360-overview{display:grid;grid-template-columns:1fr 1.1fr 1.2fr;gap:18px;padding:20px 24px}.order360-card h2{font-size:15px;margin:0 0 18px}.order360-fields{margin:0}.order360-fields div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #eef1f2;line-height:1.7}.order360-fields dt{color:#7b8995;font-size:12px}.order360-fields dd{margin:0;text-align:start;font-size:12px;font-weight:700}.order360-orbit{min-height:360px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--order360-soft),#fff 68%);position:relative}.order360-orbit-ring{width:290px;height:290px;border:1px dashed var(--order360-border);border-radius:50%;position:relative}.order360-orbit-center{position:absolute;inset:70px;display:grid;place-content:center;text-align:center}.order360-shirt{width:150px;height:170px;filter:drop-shadow(0 14px 12px #143b2630)}.order360-shirt path{fill:#087f80;stroke:#075d5d;stroke-width:2}.order360-artwork-marker{position:absolute;inset:70px 0 auto;z-index:3;margin:auto;width:45px;height:54px;border:2px solid #fff;background:#d5a23a;color:#fff;clip-path:polygon(50% 0,92% 20%,80% 68%,50% 100%,20% 68%,8% 20%);filter:drop-shadow(0 3px 5px #143b2660);cursor:pointer}.order360-artwork-marker.is-empty{background:#b9c2c1;opacity:.48;cursor:default}.order360-artwork-marker:focus-visible{outline:3px solid #1c6dff;outline-offset:3px}.order360-orbit-node{position:absolute;z-index:2;min-width:84px;padding:8px 10px;color:#233344;background:#fff;border:1px solid #e6ebee;border-radius:12px;font-size:11px;cursor:pointer}.order360-orbit-node:hover,.order360-orbit-node.active{color:#fff;background:var(--order360-accent);border-color:var(--order360-accent)}.order360-orbit-node:nth-child(1){top:-18px;left:103px}.order360-orbit-node:nth-child(2){right:-39px;top:83px}.order360-orbit-node:nth-child(3){right:-39px;bottom:42px}.order360-orbit-node:nth-child(4){bottom:-18px;left:103px}.order360-orbit-node:nth-child(5){left:-48px;bottom:42px}.order360-orbit-node:nth-child(6){left:-48px;top:83px}.order360-detail{min-height:360px}.order360-detail h2{display:flex;justify-content:space-between;gap:10px}.order360-detail-scroll{max-height:400px;overflow:auto}.order360-grid{width:100%;border-collapse:collapse}.order360-grid th,.order360-grid td{padding:10px;border-bottom:1px solid #eef1f2;text-align:start;font-size:12px}.order360-grid th{color:#7b8995}.order360-total{font-size:20px;color:var(--order360-accent);font-weight:800}.order360-empty{padding:28px;text-align:center;color:#7b8995}.order360-progress{padding:0 24px 20px}.order360-track{height:6px;background:#e2eae4;border-radius:10px;overflow:hidden}.order360-track span{display:block;height:100%;background:var(--order360-accent)}.order360-footer{padding:0 24px 20px;color:#7b8995;font-size:10px;display:flex;justify-content:space-between}.order360-gallery{position:fixed;inset:0;z-index:calc(var(--barang-z-header) + 4);display:grid;place-items:center;background:#102d2dcc;padding:24px}.order360-gallery-card{width:min(880px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:22px}.order360-gallery-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.order360-gallery-preview{display:grid;place-items:center;min-height:280px;background:#f3f6f5;border-radius:14px;margin:16px 0}.order360-gallery-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.order360-gallery-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}@media(max-width:900px){.order360-overview{grid-template-columns:1fr}.order360-detail{grid-column:1}.order360-shell{inset-inline-start:0;padding:10px}}@media(max-width:700px){.order360-shell{inset-block-start:0;padding:0}.order360-modal{border-radius:0}.order360-metrics{grid-template-columns:repeat(2,1fr);padding:12px}.order360-overview{padding:12px}.order360-progress{padding-inline:12px}.order360-gallery{padding:10px}.order360-gallery-meta{grid-template-columns:1fr}}