.shipment-panel { position: fixed; inset: 0 0 0 auto; margin: 0; padding: 0; box-sizing: border-box; width: min(640px,100%); max-width: 100%; height: 100dvh; max-height: 100dvh; border: 0; border-left: 1px solid #dce4ef; background: #fff; color: #103060; box-shadow: -12px 0 40px #10306018; font: 14px/1.55 Inter,system-ui,sans-serif; }
.shipment-panel::backdrop { background: #10306038; }
.shipment-panel[open] { display: flex; flex-direction: column; }
.shipment-panel header { padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; gap: 16px; border-bottom: 1px solid #dce4ef; }
.shipment-panel h2 { font-size: 21px; margin: 0; }
.shipment-panel h3 { font-size: 16px; margin: 16px 0 8px; }
.shipment-panel-body { padding: 20px 24px; min-height: 0; overflow-y: auto; overscroll-behavior: contain; flex: 1; }
.shipment-panel button, .shipment-panel a { min-height: 38px; }
.shipment-panel :focus-visible { outline: 3px solid #10c0a0; outline-offset: 2px; }
.shipment-panel [hidden] { display: none !important; }
.shipment-panel button { border: 1px solid #ccd7e6; border-radius: 8px; background: #fff; color: #103060; padding: 8px 12px; font: inherit; cursor: pointer; }
.shipment-panel button:disabled { opacity: .55; cursor: not-allowed; }
.shipment-panel .shipment-primary { background: #103060; color: #fff; }
.shipment-muted { color: #526581; font-size: 12px; line-height: 1.5; }
.shipment-notice:not(:empty) { padding: 10px 12px; border: 1px solid #d7e1ed; background: #f2f6fb; border-radius: 9px; }
.shipment-source-meta { color: #526581; font-size: 12px; }
.shipment-message { white-space: pre-wrap; overflow-wrap: anywhere; margin: 8px 0; padding: 16px; border-left: 3px solid #10c0a0; background: #f3f8f7; border-radius: 0 10px 10px 0; font-size: 14px; }
.shipment-tracking-detail { padding: 12px; border: 1px solid #dce4ef; border-radius: 10px; margin: 12px 0; overflow-wrap: anywhere; }
.shipment-tracking-detail p { margin: 6px 0; }
.shipment-tracking-detail button, .shipment-tracking-detail a { display: inline-block; margin: 6px 6px 0 0; }
.shipment-tracking-choices { display: grid; gap: 8px; margin: 16px 0; }
.shipment-tracking-choices button { text-align: left; overflow-wrap: anywhere; }
.shipment-tracking-choices [aria-pressed=true] { background: #eef8f5; border-color: #10c0a0; }
.shipment-confirm { display: flex; gap: 10px; align-items: flex-start; margin: 18px 0; }
.shipment-confirm input { width: 18px; height: 18px; flex-shrink: 0; margin-top: 3px; accent-color: #103060; }
@media(max-width:600px) { .shipment-panel header,.shipment-panel-body { padding: 16px; } .shipment-panel h2 { font-size: 19px; } }