.uc-logistics { display:grid; gap:28px; color:var(--uc-ink); }
.uc-logistics :is(h1,h2,h4),.uc-dpx-tracking h4 { color:var(--uc-ink); margin:0 0 12px; }
.uc-logistics h1 { font-size:28px; }
.uc-logistics h2 { font-size:20px; }
.uc-logistics p { max-width:72ch; line-height:1.6; }
.uc-logistics-service { padding:24px; background:var(--uc-surface); border:1px solid var(--uc-line); border-radius:14px; }
.uc-logistics form { display:grid; gap:16px; max-width:560px; }
.uc-logistics form button { justify-self:start; }
.uc-logistics .uc-field,.uc-dpx-tracking .uc-field { display:grid; gap:8px; min-width:0; }
.uc-logistics .uc-field input,.uc-dpx-tracking input { width:100%; min-width:0; padding:10px 12px; background:var(--uc-surface); color:var(--uc-ink); border:1px solid var(--uc-line); border-radius:8px; caret-color:var(--uc-violet); }
.uc-logistics input::placeholder,.uc-dpx-tracking input::placeholder { color:var(--uc-placeholder); }
.uc-logistics :is(input,button,a):focus-visible,.uc-dpx-tracking :is(input,button):focus-visible { outline:2px solid var(--uc-violet); outline-offset:3px; }
.uc-logistics a { color:var(--uc-violet-strong); text-underline-offset:3px; }
.uc-dpx-state { margin:20px 0; }
.uc-settings { display:grid; gap:24px; min-width:0; }
.uc-settings > header h1 { margin:0 0 8px; font-size:28px; }
.uc-settings > header p { color:var(--uc-muted); margin:0; }
.uc-settings-nav { display:flex; flex-wrap:wrap; gap:8px; padding-bottom:16px; border-bottom:1px solid var(--uc-line); }
.uc-settings-nav [aria-current="page"] { color:var(--uc-violet-strong); border-color:var(--uc-violet); background:var(--uc-violet-soft); }
.uc-dpx-service-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.uc-dpx-service-heading > div { min-width:0; }
.uc-dpx-service-heading > button { flex-shrink:0; }
.uc-dpx-state,.uc-dpx-success { display:flex; align-items:flex-start; gap:8px; }
.uc-dpx-state svg,.uc-dpx-success svg { flex-shrink:0; margin-top:3px; }
.uc-dpx-state.is-verified,.uc-dpx-success { color:color-mix(in srgb, var(--uc-success) 65%, var(--uc-ink)); }
.uc-dpx-dialog p { overflow-wrap:anywhere; }
.uc-dpx-dialog h3 { font-size:17px; font-weight:650; margin:0 0 12px; }
.uc-dpx-dialog .uc-dpx-next > [role="status"] { margin-top:12px; }
.uc-dpx-dialog .uc-dpx-state { margin-top:0; }
html:has(#uc-order-dialog[open], #uc-dpx-dialog[open]) { overflow:hidden; }
.uc-dpx-next { padding-top:20px; margin-top:24px; border-top:1px solid var(--uc-line); }
.uc-dpx-tracking { min-width:0; white-space:normal; }
.uc-dpx-track-line { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.uc-dpx-number { font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.uc-dpx-track-line .uc-button { min-height:32px; padding:6px 8px; font-size:12px; line-height:1.4; }
.uc-dpx-track-line .uc-dpx-copy { padding:6px; display:inline-flex; align-items:center; justify-content:center; }
.uc-dpx-tracking summary { cursor:pointer; width:fit-content; color:var(--uc-violet-strong); }
.uc-dpx-tracking summary:focus-visible { outline:2px solid var(--uc-violet); outline-offset:3px; }
.uc-dpx-manual,.uc-dpx-history { margin-top:12px; }
.uc-dpx-manual form { margin-top:12px; }
.uc-dpx-manual form .uc-button { justify-self:start; }
.uc-dpx-tracking [role="alert"] { color:color-mix(in srgb,var(--uc-danger) 85%,var(--uc-ink)); line-height:1.5; }
.uc-dpx-tracking p,.uc-dpx-events { overflow-wrap:anywhere; }
.uc-dpx-tracking form { display:grid; gap:12px; }
.uc-dpx-actions { display:flex; flex-wrap:wrap; gap:8px; }
.uc-dpx-events { list-style:none; padding:0; margin:20px 0; }
.uc-dpx-events li { display:grid; grid-template-columns:155px minmax(0,1fr); gap:16px; padding:12px 0; border-bottom:1px solid var(--uc-line); }
.uc-dpx-events time,.uc-dpx-meta { color:var(--uc-muted); font-variant-numeric:tabular-nums; }
.uc-dpx-tracking .uc-dpx-meta { margin-top:12px; }
.uc-dpx-events span { display:block; margin-top:4px; }
@media(max-width:600px) {
  .uc-order-delivery > .uc-order-tracking-row { grid-template-columns:minmax(0,1fr); gap:8px; }
  .uc-dpx-track-line .uc-button { min-height:40px; }
  .uc-dpx-service-heading { flex-direction:column; gap:8px; }
  .uc-logistics-service { padding:18px; }
  .uc-logistics .uc-button,.uc-dpx-actions .uc-button { max-width:100%; white-space:normal; }
  .uc-dpx-events li { grid-template-columns:minmax(0,1fr); gap:6px; }
}