/* CardPlus AusPost tracking — styles (dark/gold, light-mode aware). */
.cpt-wrap{
  --cpt-bg:#0B0E13; --cpt-surface:#171C25; --cpt-border:rgba(255,255,255,.08);
  --cpt-border2:rgba(255,255,255,.14); --cpt-text:#EAECF0; --cpt-muted:#8B93A1;
  --cpt-accent:#D4AF5A; --cpt-accent2:#E8C87A; --cpt-green:#2FBF71;
  max-width:640px; margin:0 auto; font-family:'Inter',system-ui,sans-serif; color:var(--cpt-text);
}
.cpt-wrap *{ box-sizing:border-box; }
.cpt-title{ font-size:24px; font-weight:800; margin:0 0 4px; color:var(--cpt-text); }
.cpt-sub{ font-size:13.5px; color:var(--cpt-muted); margin:0 0 18px; }
.cpt-row{ display:flex; gap:8px; }
.cpt-row input{ flex:1; background:var(--cpt-surface); border:1px solid var(--cpt-border2); color:var(--cpt-text);
  border-radius:8px; padding:12px 14px; font-size:14px; font-family:'JetBrains Mono',monospace; }
.cpt-row input:focus{ outline:none; border-color:var(--cpt-accent); }
.cpt-btn{ background:var(--cpt-accent); color:#14100a; border:none; border-radius:8px; font-weight:700;
  font-size:13.5px; padding:12px 24px; cursor:pointer; transition:background .15s; }
.cpt-btn:hover{ background:var(--cpt-accent2); }
.cpt-note{ font-size:11.5px; color:var(--cpt-muted); margin-top:12px; }
.cpt-msg{ font-size:13.5px; color:var(--cpt-muted); margin-top:16px; padding:14px; background:var(--cpt-surface);
  border:1px solid var(--cpt-border); border-radius:10px; }
.cpt-msg a{ color:var(--cpt-accent); }

.cpt-card{ background:var(--cpt-surface); border:1px solid var(--cpt-border); border-radius:14px; padding:20px; margin-top:18px; }
.cpt-status-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; flex-wrap:wrap; gap:8px; }
.cpt-num{ font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--cpt-accent); }
.cpt-status{ font-weight:800; font-size:16px; }
.cpt-timeline{ position:relative; padding-left:8px; }
.cpt-event{ display:flex; gap:14px; padding-bottom:18px; position:relative; }
.cpt-event:not(:last-child)::before{ content:''; position:absolute; left:5px; top:14px; bottom:0; width:2px; background:var(--cpt-border2); }
.cpt-dot{ width:12px; height:12px; border-radius:50%; background:var(--cpt-border2); flex-shrink:0; margin-top:3px; z-index:1; }
.cpt-event.latest .cpt-dot{ background:var(--cpt-green); box-shadow:0 0 0 4px rgba(47,191,113,.15); }
.cpt-event-desc{ font-size:13.5px; font-weight:600; color:var(--cpt-text); }
.cpt-event-meta{ font-size:12px; color:var(--cpt-muted); margin-top:2px; }

/* Light mode */
body.cp-light .cpt-wrap{
  --cpt-bg:#FFFFFF; --cpt-surface:#F5F5F7; --cpt-border:rgba(0,0,0,.10); --cpt-border2:rgba(0,0,0,.16);
  --cpt-text:#1A1A1E; --cpt-muted:#5C6069; --cpt-accent:#B8941F; --cpt-accent2:#9A7A0A;
}
body.cp-light .cpt-btn{ color:#fff; }

@media(max-width:560px){ .cpt-row{ flex-direction:column; } .cpt-btn{ width:100%; } }