/* Input row */
.tai-tracking-inline-form{
  max-width:560px;margin:30px auto;display:flex;border:1px solid #e6e6e6;border-radius:10px;overflow:hidden;background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.06)
}
.tai-tracking-inline-form input[type="text"]{flex:1;padding:14px 16px;border:none;font-size:16px;outline:none}
.tai-tracking-inline-form button{
  background:#FD6701;color:#fff;border:none;padding:0 20px;cursor:pointer;transition:.2s ease;display:flex;align-items:center;justify-content:center;position:relative;min-width:56px
}
.tai-tracking-inline-form button:hover{filter:brightness(.95)}
.tai-tracking-inline-form .tai-arrow{font-size:22px;font-weight:300;line-height:1}
.tai-tracking-inline-form .tai-spinner{width:16px;height:16px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:none;display:none}
.tai-tracking-inline-form.loading .tai-arrow{display:none}
.tai-tracking-inline-form.loading .tai-spinner{display:inline-block;animation:tai-spin .8s linear infinite}
@keyframes tai-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* Card */
.tai-card{max-width:860px;margin:18px auto;border:1px solid #eee;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.05);overflow:hidden}
.tai-card-body{padding:18px}
.tai-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.tai-card-title{margin:0;font-size:20px}
.tai-subtle{opacity:.7;font-size:13px;margin-top:2px}
.tai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:8px 0 6px}
.tai-label{font-size:12px;opacity:.7}
.tai-value{font-size:15px}

/* Badges */
.tai-badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}
.tai-badge-delivered{background:#e6f7ed;color:#1f7a3d}
.tai-badge-intransit{background:#e8f0ff;color:#2746a0}
.tai-badge-error{background:#ffeceb;color:#9b1c1c}
.tai-badge-neutral{background:#f3f4f6;color:#374151}

/* Timeline */
.tai-timeline{display:flex;gap:20px;margin:14px 0 4px;flex-wrap:wrap}
.tai-step{display:flex;align-items:center;gap:8px;opacity:.5}
.tai-step.done{opacity:1}
.tai-step .dot{width:10px;height:10px;border-radius:50%;background:#d1d5db;display:inline-block}
.tai-step.done .dot{background:#FD6701}
.tai-actions{margin-top:8px}
.tai-textlink{color:#FD6701;text-decoration:none}
.tai-textlink:hover{text-decoration:underline}

/* Error Card */
.tai-error-card{border-color:#ffd1cf}
.tai-raw{border-top:1px dashed #eee;background:#fafafa;padding:10px 14px}
.tai-raw pre{max-height:340px;overflow:auto}

a.tai-login-button{display:inline-flex;align-items:center;gap:.5rem;background:#FD6701;color:#fff;text-decoration:none;padding:12px 20px;border-radius:8px;font-weight:600;box-shadow:0 6px 14px rgba(253,103,1,.25);transition:.2s}
a.tai-login-button::after{content:"→";font-weight:300}
a.tai-login-button:hover{transform:translateY(-1px);filter:brightness(.95)}