#kalgin-tracking { max-width: 980px; margin: 1.2rem auto; padding: 1rem; font-family: Arial, Helvetica, sans-serif; }
#kalgin-tracking h2 { margin-top: 0; }
.kalgin-search { display:flex; gap:8px; margin: 0.5rem 0 1rem; }
.kalgin-search input { flex:1; padding: 10px; font-size: 1rem; border: 1px solid #ccc; border-radius: 4px; }
.kalgin-search button { padding: 10px 14px; font-size: 1rem; cursor: pointer; border: none; border-radius: 4px; background: #0073aa; color: #fff; }
.kalgin-search button:hover { background: #005f8d; }

.kalgin-results { margin-top: 1rem; min-height: 120px; }
.kalgin-loading { color: #666; }
.kalgin-error { color: #a00; background: #fee; padding: 8px; border-radius: 4px; }

.kalgin-results-list { display: flex; flex-direction: column; gap: 12px; }
.kalgin-card { border: 1px solid #e0e0e0; padding: 12px; border-radius: 8px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.03); }
.kalgin-card-header { font-size: 1.1rem; margin-bottom: 6px; display:flex; gap:8px; align-items:baseline; }
.kalgin-card-header .kalgin-type { color:#666; font-size:0.9rem; }

.kalgin-message { font-style: italic; color:#444; margin-bottom:8px; }

.kalgin-subtitle { font-weight:600; margin-bottom:6px; color:#333; }
.kalgin-tracking-data { margin-bottom:8px; }

.kalgin-table { width:100%; border-collapse: collapse; margin-top:6px; }
.kalgin-table th { text-align:left; width:220px; padding:6px 8px; color:#333; font-weight:600; vertical-align:top; }
.kalgin-table td { padding:6px 8px; border-top: 1px dashed #eee; color:#111; }