.arrival-mode{display:flex;width:fit-content;gap:4px;padding:4px;background:#e4e7ec;border-radius:10px;margin:0 0 16px auto}
.arrival-mode button{height:40px;border:0;border-radius:8px;background:transparent;color:#475467;padding:0 18px;font-size:15px}.arrival-mode button[aria-pressed=true]{background:#fff;color:#1d4ed8;font-weight:700}
.arrival-workspace{max-width:980px;margin:0 auto;color:#1b2430}.arrival-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.arrival-heading h2{font-size:24px;margin:0 0 6px}.arrival-heading p{margin:0;font-size:13px;color:#475467}
.arrival-scan{padding:16px 18px;background:#fff;border:2px solid #1d4ed8;border-radius:14px;margin-bottom:16px}.arrival-scan>label{display:block;font-size:14px;color:#475467;margin-bottom:8px}.arrival-scan>div{display:flex;gap:12px}.arrival-scan input{flex:1;min-width:0;width:100%;height:56px;padding:0;border:0;outline:none;font-size:28px;font-family:Consolas,ui-monospace,monospace;background:transparent}.arrival-scan button{padding:10px 18px;flex-shrink:0;background:#1d4ed8}.arrival-scan small{display:block;color:#667085;margin-top:6px;font-size:12px}
.arrival-parcel{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:16px 18px;margin-bottom:16px;font-size:13px;color:#475467}.arrival-parcel span{overflow-wrap:anywhere}.arrival-parcel strong{color:#1b2430;font-weight:500}.arrival-parcel [data-arrival-totals]{margin-left:auto;font-weight:700;font-size:15px}.arrival-channel{color:#1d4ed8;background:#eff4ff;border-radius:6px;padding:3px 10px;font-weight:500}
.arrival-group{background:#fff;border:1px solid #e4e7ec;border-radius:14px;overflow:hidden;margin-bottom:16px}.arrival-group>header{position:static;display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid #eef0f3;background:#fff}.arrival-group>header>div{flex:1;min-width:0}.arrival-group h3{margin:0 0 3px;font-size:22px;font-weight:700}.arrival-group header p{margin:0;color:#475467;font-size:13px;overflow-wrap:anywhere}.arrival-group header img,.arrival-image-placeholder{width:56px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0}.arrival-image-placeholder{display:grid;place-items:center;background:#e4e7ec;font-size:11px;color:#667085}.arrival-other-link{border:0;padding:6px 0;background:none;color:#1d4ed8;font-size:12px;white-space:nowrap;align-self:flex-start}
.arrival-line{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding:16px 18px;border-bottom:1px solid #eef0f3;background:#fff}.arrival-line:last-of-type{border-bottom:0}.arrival-line.has-issue{background:#fffbf5}.arrival-spec{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:3px}.arrival-spec strong{font-size:18px;font-weight:500;overflow-wrap:anywhere}.arrival-spec span{font-size:14px;color:#475467}
.arrival-stepper{display:flex;align-items:center;gap:8px}.arrival-stepper button{min-width:48px;width:48px;height:48px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#1b2430;font-size:24px}.arrival-stepper button:disabled{opacity:.35;cursor:default}.arrival-stepper input{appearance:textfield;width:64px;height:48px;padding:0;border:0;outline:none;text-align:center;font-family:Consolas,ui-monospace,monospace;font-size:26px;font-weight:500;background:transparent}.arrival-stepper input::-webkit-inner-spin-button,.arrival-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.arrival-difference{min-width:112px;text-align:center;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:500;background:#ecfdf3;color:#166534}.has-issue .arrival-difference{background:#fff7ed;color:#9a3412}
.arrival-issue{display:flex;flex-direction:column;gap:12px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed;padding:16px 18px;margin:0 16px 16px;color:#9a3412}.arrival-issue>strong{font-size:14px}.arrival-kinds{display:flex;flex-wrap:wrap;gap:8px}.arrival-kinds button{min-height:48px;padding:0 18px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#344054;font-size:15px}.arrival-kinds button[aria-pressed=true]{border:2px solid #9a3412;color:#9a3412;font-weight:700}.arrival-issue label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#475467}.arrival-issue input,.arrival-issue select{width:100%;min-width:0;height:44px;padding:0 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;font-size:15px}.arrival-issue [data-problem-error]{font-size:13px}
.arrival-weight{margin:8px 0 16px;font-size:14px;color:#475467}.arrival-weight summary{cursor:pointer;width:fit-content}.arrival-weight label{display:flex;align-items:center;gap:8px;margin-top:10px}.arrival-weight input{width:110px;height:44px;padding:0 10px;border:1px solid #d0d5dd;border-radius:8px;background:#fff}
.arrival-footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.arrival-complete{min-height:56px;padding:0 28px;border:0;border-radius:12px;background:#15803d;color:#fff;font-size:18px;font-weight:700}.arrival-complete.has-issue{background:#b54708}.arrival-complete:disabled{opacity:.5;cursor:default}.arrival-footer [data-arrival-summary]{font-size:14px;color:#475467;flex:1;min-width:200px}.arrival-footer [data-arrival-message]{width:100%;font-size:13px;color:#b54708;margin:0}
.arrival-today{background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:12px 16px;font-size:14px;color:#475467}.arrival-today summary{cursor:pointer}.arrival-today p{font-size:12px;margin:10px 0}.arrival-today [data-today-list]>div{display:flex;flex-wrap:wrap;gap:8px 18px;padding:10px 0;border-top:1px solid #eef0f3;overflow-wrap:anywhere}
@media(max-width:700px){.arrival-mode{margin-left:0;width:100%}.arrival-mode button{flex:1;padding:0 10px}.arrival-heading h2{font-size:21px}.arrival-scan{padding:14px}.arrival-scan input{font-size:21px}.arrival-scan button{padding:10px}.arrival-parcel{gap:8px 12px}.arrival-parcel [data-arrival-totals]{margin-left:0;width:100%}.arrival-group>header{gap:10px;padding:14px 12px;flex-wrap:wrap}.arrival-group>header>div{min-width:140px}.arrival-group h3{font-size:20px}.arrival-other-link{margin-left:auto}.arrival-line{padding:16px 12px;gap:12px}.arrival-spec{flex-basis:100%}.arrival-difference{margin-left:auto;min-width:104px}.arrival-issue{margin:0 10px 12px;padding:14px 12px}.arrival-kinds button{padding:0 14px}.arrival-complete{width:100%}.arrival-footer [data-arrival-summary]{flex-basis:100%;font-size:13px}.arrival-today{padding:12px}}

.arrival-issue [data-other-line]{height:auto;min-height:80px}