.pf-toc{display:flex;flex-direction:column;padding-bottom:16px}
.pf-logout-btn{margin:16px 20px 4px;display:flex;align-items:center;justify-content:center;gap:8px}

.pf-section-sub{font-size:13px;color:var(--text-light);margin-top:-4px;margin-bottom:14px}

.pf-field{margin-bottom:16px}
.pf-field label{display:block;font-size:12px;font-weight:600;color:var(--text-light);margin-bottom:6px}
.pf-field input{width:100%;max-width:360px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px;color:var(--text)}
.pf-field input:disabled{background:var(--bg-alt);color:var(--text-light)}
.pf-field input:focus{outline:none;border-color:var(--primary)}
.pf-save-msg{font-size:12px;min-height:16px;margin-bottom:10px}
.pf-save-msg.success{color:#16A34A;font-weight:600}
.pf-save-msg.error{color:#DC2626}

/* My Bookings tabs */
.mb-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--border)}
.mb-tab{background:none;border:none;padding:10px 4px;margin-right:20px;font-size:14px;font-weight:600;color:var(--text-light);cursor:pointer;border-bottom:2px solid transparent;transition:.2s}
.mb-tab:hover{color:var(--text)}
.mb-tab.active{color:var(--primary);border-bottom-color:var(--primary)}

/* My Bookings cards */
.mb-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:14px;display:block;text-decoration:none;color:inherit;transition:.2s}
.mb-card:hover{box-shadow:0 6px 18px rgba(15,23,42,.1);transform:translateY(-2px)}
.mb-card-disabled{cursor:default;opacity:.85}
.mb-card-disabled:hover{box-shadow:none;transform:none}
.mb-pending-note{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border);font-size:12px;color:var(--text-light);display:flex;align-items:center;gap:7px}
.mb-pending-note i{color:var(--accent)}
.mb-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.mb-route{font-size:15px;font-weight:700;color:var(--primary-dark)}
.mb-status{font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase}
.mb-status.confirmed{background:#DCFCE7;color:#16A34A}
.mb-status.cancelled{background:#FEE2E2;color:#DC2626}
.mb-status.other{background:var(--bg-alt);color:var(--text-light)}
.mb-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--text-light)}
.mb-meta span strong{color:var(--text);font-weight:600}
.mb-amount{margin-left:auto;font-size:15px;font-weight:700;color:var(--primary)}

@media(max-width:560px){
  .mb-meta{gap:10px}
  .mb-amount{margin-left:0}
}