/**
 * Ship Deck - customer facing styles (order details and "My account > Orders").
 * Colours come from the Design tab through CSS custom properties.
 */
:root { --sd-front-accent: #3858E9; --sd-front-bg: #f8fbff; }

.shipdeck-box { background: var(--sd-front-bg); border: 1px solid var(--sd-front-accent); border-radius: 8px; padding: 20px; margin-bottom: 30px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02); }
.shipdeck-box.is-waiting { border-color: #ffb84d; }
.shipdeck-box__title { margin: 0 0 10px; font-size: 18px; color: var(--sd-front-accent); }
.shipdeck-box.is-waiting .shipdeck-box__title { color: #d97d00; }
.shipdeck-box p { margin: 0 0 12px; line-height: 1.5; }
.shipdeck-box__code { font-size: 16px; padding: 4px 8px; background: #fff; border: 1px solid #ddd; border-radius: 4px; }
.shipdeck-btn { display: inline-block; background: var(--sd-front-accent); color: #fff !important; padding: 10px 20px; border-radius: 4px; text-decoration: none; font-weight: 600; }
.shipdeck-btn:hover { filter: brightness(0.92); }
.shipdeck-btn.is-waiting { background: #fff8e1; border: 1px solid #ffcc80; color: #d97d00 !important; cursor: default; }

.shipdeck-chip { display: inline-block; font-size: 13px; font-weight: 600; padding: 5px 10px; border-radius: 4px; }
.shipdeck-chip.is-waiting { color: #d97d00; background: #fff8e1; border: 1px solid #ffcc80; }
.shipdeck-chip.is-transit { color: #157a40; background: #e6f6ec; border: 1px solid #b7e1c6; }
.shipdeck-chip.is-done { color: #2a3fb0; background: #dfe5ff; border: 1px solid #b9c4ff; }
.shipdeck-chip.is-none { color: #777; background: #f0f0f0; }
a.shipdeck-chip-link { display: inline-block; background: var(--sd-front-accent); color: #fff; padding: 6px 12px; border-radius: 4px; text-decoration: none; font-size: 13px; font-weight: 600; }