.order-card-button{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}
.order-card-button:hover{border-color:#28d85a80;background:#0c1710;transform:translateY(-1px)}
.order-card-button:focus-visible{outline:2px solid #34f26b;outline-offset:2px}
.order-open-hint{color:#34f26b;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.order-detail-dialog{width:min(900px,calc(calc(100vw / var(--site-zoom, 1)) - 32px));max-height:min(calc(90vh / var(--site-zoom, 1)),900px);padding:0;border:1px solid #2be15f55;border-radius:20px;background:#070d09;color:#f4f7f5;box-shadow:0 28px 90px #000c;overflow:hidden}
.order-detail-dialog::backdrop{background:#010503d9;backdrop-filter:blur(7px)}
.order-detail-shell{max-height:min(calc(90vh / var(--site-zoom, 1)),900px);overflow:auto;scrollbar-width:thin;scrollbar-color:#2ee862 #0c1510}
.order-detail-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-bottom:1px solid #1e3024;background:#08100beF;backdrop-filter:blur(16px)}
.order-detail-header h3{margin:5px 0 0;font-size:clamp(22px,calc(3vw / var(--site-zoom, 1)),32px);letter-spacing:-.04em}
.order-detail-close{width:42px;height:42px;border:1px solid #294031;border-radius:11px;background:#101a13;color:#d7dfda;font-size:27px;line-height:1;cursor:pointer}
.order-detail-close:hover{border-color:#34f26b;color:#34f26b}
.order-detail-summary{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;padding:24px 28px}
.order-detail-summary>div{min-width:0;padding:20px;border:1px solid #1c3123;border-radius:14px;background:linear-gradient(135deg,#0d1710,#09100b)}
.order-detail-summary small,.order-detail-section header span,.order-detail-note>small{display:block;color:#6f8275;font-size:9px;font-weight:900;letter-spacing:.13em}
.order-detail-summary strong{display:block;margin:8px 0 6px;font-size:18px;overflow-wrap:anywhere}.order-detail-summary span{color:#849188;font-size:11px}
.order-detail-status{display:flex;align-items:flex-end;flex-direction:column;text-align:right}.order-detail-status small{align-self:stretch}.order-detail-status .status-pill{margin:8px 0}.order-detail-status>strong{color:#34f26b;font-size:25px}
.order-detail-section{margin:0 28px 16px;border:1px solid #1b2b20;border-radius:14px;background:#0a110c;overflow:hidden}
.order-detail-section>header{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid #19271d}.order-detail-section>header b{color:#829086;font-size:10px}
.order-detail-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid #152219}.order-detail-item:last-child{border-bottom:0}
.order-detail-image{width:58px;height:58px;display:grid;place-items:center;border:1px solid #24432e;border-radius:11px;background:#101c14;color:#34f26b;font-weight:900;overflow:hidden}.order-detail-image img{width:100%;height:100%;object-fit:cover}
.order-detail-item h4{margin:0 0 5px;font-size:14px}.order-detail-item p{margin:0 0 5px;color:#87938b;font-size:11px}.order-detail-item small{color:#5f7465;font-size:9px}.order-detail-item>div:last-child{text-align:right}.order-detail-item>div:last-child strong{display:block;margin-top:5px;color:#f4f7f5}
.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 28px 16px}.order-detail-grid .order-detail-section{margin:0}
.order-detail-info dl{margin:0;padding:7px 18px 11px}.order-detail-info dl>div{display:flex;justify-content:space-between;gap:24px;padding:10px 0;border-bottom:1px solid #152219}.order-detail-info dl>div:last-child{border-bottom:0}.order-detail-info dt{color:#748279;font-size:10px}.order-detail-info dd{margin:0;text-align:right;font-size:11px;font-weight:800}.order-detail-info .order-detail-total dd{color:#34f26b;font-size:17px}.order-detail-break{max-width:230px;overflow-wrap:anywhere}
.order-detail-note{margin:0 28px 16px;padding:16px 18px;border:1px solid #28442f;border-radius:13px;background:#0d1911}.order-detail-note p{margin:8px 0 0;color:#b3beb6;font-size:12px;line-height:1.6}
.order-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 28px 28px;color:#718077;font-size:10px}.order-detail-footer b{color:#b6c1b9}
@media(max-width:640px){.order-detail-dialog{width:calc(calc(100vw / var(--site-zoom, 1)) - 16px);max-height:calc(94vh / var(--site-zoom, 1));border-radius:15px}.order-detail-shell{max-height:calc(94vh / var(--site-zoom, 1))}.order-detail-header{padding:18px}.order-detail-summary{grid-template-columns:1fr;padding:18px}.order-detail-status{align-items:flex-start;text-align:left}.order-detail-section{margin:0 18px 13px}.order-detail-grid{grid-template-columns:1fr;margin:0 18px 13px;gap:13px}.order-detail-grid .order-detail-section{margin:0}.order-detail-item{grid-template-columns:48px minmax(0,1fr);padding:13px}.order-detail-image{width:48px;height:48px}.order-detail-item>div:last-child{grid-column:2;text-align:left}.order-detail-note{margin:0 18px 13px}.order-detail-footer{align-items:flex-start;flex-direction:column;padding:5px 18px 20px}.order-detail-footer .btn{width:100%}}