.order-info-dialog { width:min(820px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); margin:auto; padding:0; border:0; border-radius:18px; background:#fff; color:#1c2333; box-shadow:0 24px 80px #0005; font-family:Manrope,'Segoe UI',system-ui,sans-serif; }
.order-info-dialog::backdrop { background:rgba(13,24,40,.62); }
.order-info-dialog[open] { display:flex; flex-direction:column; }
.order-info-header { display:flex; align-items:center; gap:14px; padding:16px 20px; border-bottom:1px solid #e5e7eb; flex-shrink:0; }
.order-info-header h2 { margin:0; flex:1; font-size:var(--dm-text-18); line-height:1.4; }
.order-info-close { width:44px; height:44px; flex-shrink:0; border:1px solid #e5e7eb; border-radius:12px; background:#f7f8fa; color:#1c2333; font-size:var(--dm-text-28); cursor:pointer; }
.order-info-content { overflow:auto; overscroll-behavior:contain; min-height:0; padding:20px 24px; font-size:var(--dm-text-14); line-height:1.7; }
.order-info-content h1 { margin:0 0 8px; font-size:var(--dm-text-24); line-height:1.35; }
.order-info-content h2 { margin:28px 0 10px; font-size:var(--dm-text-18); }
.order-info-content h3 { margin:22px 0 8px; font-size:var(--dm-text-16); }
.order-info-content p { margin:12px 0; }
.order-info-content ul,.order-info-content ol { padding-left:24px; }
.order-info-content li { margin-bottom:8px; }
.order-info-content a { color:#ba3035; text-decoration:underline; overflow-wrap:anywhere; }
.order-info-content .updated { color:#6b7280; font-size:var(--dm-text-14); }
.order-info-content .notice,.order-info-content .contact,.order-info-content .contact-box { padding:14px 16px; border-radius:10px; background:#fff4e4; }
.order-info-docs { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px; }
.order-info-docs a { padding:8px 12px; border:1px solid #e5e7eb; border-radius:20px; color:#333a4a; font-size:var(--dm-text-14); text-decoration:none; }
.order-info-docs a[aria-current="page"] { background:#fff0ec; border-color:#e5484d; color:#ae252b; }
.order-info-footer { padding:14px 20px; border-top:1px solid #e5e7eb; flex-shrink:0; }
.order-info-return { width:100%; min-height:46px; border:0; border-radius:12px; padding:12px 20px; background:#e5484d; color:#fff; font:700 15px Manrope,'Segoe UI',system-ui,sans-serif; cursor:pointer; }
.order-info-dialog button:focus-visible,.order-info-dialog a:focus-visible { outline:3px solid #e89b16; outline-offset:3px; }
@media(max-width:600px) { .order-info-dialog { width:100%; max-width:100%; height:100dvh; max-height:100dvh; border-radius:0; } .order-info-header { padding:12px 16px; } .order-info-content { padding:18px 16px; } .order-info-footer { padding:12px 16px max(12px,env(safe-area-inset-bottom)); } }