/* Basic timeline styles - tweak to match your site */
.rt-container { max-width:900px; margin:30px auto; font-family: 'Arial', sans-serif; }
.rt-form { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:30px; }
.rt-form label { width:150px; color:#666; font-weight:600; }
.rt-form input[type="text"] { flex:1; padding:10px; border:1px solid #ddd; border-radius:6px; font-size:14px; }
.rt-form button { background:#2b32ff; color:#fff; padding:12px 20px; border:none; border-radius:8px; cursor:pointer; }

.rt-timeline { position:relative; padding:20px 0; margin: 0 auto; }
.rt-timeline::before { content:''; position:absolute; left:50%; transform:translateX(-50%); top:10px; bottom:10px; width:4px; background:#001489; }
.rt-item { width:50%; padding:10px 40px; box-sizing:border-box; position:relative; }
.rt-item.left { left:0; text-align:right; }
.rt-item.right { left:50%; }
.rt-node { position:absolute; left:50%; transform:translateX(-50%); width:14px; height:14px; border-radius:50%; background:#001489; top:18px; }
.rt-item .rt-date { font-weight:700; color:#001489; margin-bottom:6px; font-size:14px; }
.rt-item .rt-status { font-weight:700; color:#09107a; font-size:16px; }
.rt-empty { text-align:center; color:#666; padding:30px 0; }

/* Responsive */
@media (max-width:700px) {
  .rt-item, .rt-item.right { width:100%; left:0; text-align:left; padding-left:20px; padding-right:20px; }
  .rt-timeline::before { left:20px; transform:none; }
  .rt-node { left:20px; transform:none; }
}