/* Fallback styling (only loaded if enabled in Settings) */
.tm-extend-fixed-wrapper{
  background: var(--ptt-wrap-bg, #dfe8ff);
  border-radius: 18px;
  padding: 12px;
}

/* Header now supports optional action button */
.tm-extend-fixed-header{
  background: var(--ptt-header-bg, #f3f6ff);
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  font-size: 15px;
  color: #0b0b0b;
  margin-bottom: 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.tm-extend-fixed-header-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm-extend-fixed-action{
  flex:0 0 auto;
  text-decoration:none;
  font-weight:800;
  font-size:12px;
  padding:8px 10px;
  border-radius:999px;
  background: var(--ptt-accent, #f7c71f);
  color:#0b0b0b;
  line-height:1;
}

.tm-extend-fixed-list{display:flex;flex-direction:column;gap:10px}
.tm-extend-fixed-card{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background: var(--ptt-card-bg, #ffffff);
  border-radius:14px;
  padding: 10px 12px;
  border: 1px solid rgba(12, 63, 145, 0.08);
  text-align:left;
  cursor:pointer;
}
.tm-extend-fixed-card:hover{border-color: rgba(12, 63, 145, 0.18); box-shadow: 0 1px 0 rgba(0,0,0,0.04)}
.tm-extend-fixed-thumb{
  width:44px;height:44px;border-radius:10px;overflow:hidden;flex:0 0 44px;
  background:#eef2ff;display:flex;align-items:center;justify-content:center;
}
.tm-extend-fixed-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.tm-extend-fixed-text{display:flex;flex-direction:column;min-width:0;flex:1}
.tm-extend-fixed-destination{
  font-weight:700;font-size:14px;color:#0b0b0b;line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.tm-extend-fixed-route{
  font-size:12px;color: var(--ptt-primary, #0c3f91);line-height:1.2;margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.tm-extend-fixed-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:0 0 auto}
.tm-extend-fixed-amount{font-weight:800;font-size:18px;color:#0b0b0b;line-height:1}
.tm-extend-fixed-badge{
  display:inline-flex;align-items:center;justify-content:center;
  background: var(--ptt-accent, #f7c71f);
  color:#0b0b0b;font-weight:700;font-size:11px;line-height:1;
  padding:4px 8px;border-radius:999px;
}
.tm-extend-fixed-empty{
  background:#fff;border-radius:14px;padding:14px;border:1px dashed rgba(12, 63, 145, 0.18);
  color:#333;font-size:13px;
}
@media (max-width: 520px){
  .tm-extend-fixed-thumb{width:40px;height:40px;flex-basis:40px}
  .tm-extend-fixed-amount{font-size:16px}
  .tm-extend-fixed-action{padding:7px 9px}
}