.sonic-tracking-wrap { border: 1px solid #eee; padding: 16px; border-radius: 12px; max-width: 720px; }
.sonic-title { margin-top: 0; }
.sonic-form { display: grid; grid-template-columns: 1fr 220px auto; gap: 10px; align-items: end; }
.sonic-form label { display: flex; flex-direction: column; gap: 6px; font-weight: 600; }
.sonic-form input, .sonic-form select { padding: 10px; border: 1px solid #ccc; border-radius: 8px; }
.sonic-form button { padding: 10px 16px; border: 0; border-radius: 8px; cursor: pointer; }
.sonic-results { margin-top: 16px; }
.sonic-loading { padding: 8px 10px; background: #f6f6f6; border-radius: 8px; display: inline-block; }
.sonic-error { padding: 10px 12px; background: #fee; border: 1px solid #fbb; border-radius: 8px; }
.sonic-meta, .sonic-consignee, .sonic-items { margin: 10px 0; }
.sonic-table { width: 100%; border-collapse: collapse; }
.sonic-table th, .sonic-table td { border-bottom: 1px solid #eee; padding: 8px; text-align: left; }
.sonic-table th { font-weight: 700; }
.sonic-empty { color: #666; }