.pax-my-booking { max-width: 760px; margin: 0 auto; font-family: inherit; }

/* Form */
.pax-mb-form { margin-bottom: 20px; }
.pax-mb-row { display: flex; gap: 10px; }
.pax-mb-input {
	flex: 1; padding: 12px 16px; font-size: 15px;
	border: 1px solid #d1d5db; border-radius: 6px; outline: none;
}
.pax-mb-input:focus { border-color: #B91C1C; box-shadow: 0 0 0 3px rgba(185,28,28,.15); }
.pax-mb-btn {
	padding: 12px 24px; background: #B91C1C; color: #fff;
	border: none; border-radius: 6px; font-size: 15px; cursor: pointer;
	white-space: nowrap; transition: background .2s; font-weight: 700; letter-spacing: .3px;
}
.pax-mb-btn:hover { background: #991B1B; }

/* Error */
.pax-mb-error {
	padding: 12px 16px; background: #fef2f2; border-left: 4px solid #ef4444;
	color: #b91c1c; border-radius: 4px; margin-bottom: 16px;
}

/* Card */
.pax-mb-card {
	border: 1px solid #e5e7eb; border-radius: 10px;
	overflow: hidden; background: #fff;
	box-shadow: 0 1px 4px rgba(0,0,0,.06);
}

/* Header */
.pax-mb-header {
	display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
	padding: 16px 20px; background: #111827; border-bottom: 1px solid #1f2937;
}
.pax-mb-rno { font-size: 18px; font-weight: 700; color: #ffffff; }
.pax-mb-status {
	padding: 3px 10px; border-radius: 20px; font-size: 13px; font-weight: 600;
}
.pax-mb-ok      { background: #dcfce7; color: #15803d; }
.pax-mb-pending { background: #fef9c3; color: #92400e; }
.pax-mb-total { margin-left: auto; font-size: 16px; font-weight: 700; color: #C9A84C; }

/* Services */
.pax-mb-service {
	padding: 14px 20px; border-bottom: 1px solid #f3f4f6;
}
.pax-mb-service:last-of-type { border-bottom: none; }
.pax-mb-stype { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: #6b7280; margin-bottom: 4px; }
.pax-mb-sname { font-size: 16px; font-weight: 600; color: #111827; margin-bottom: 8px; }
.pax-mb-sdetail {
	display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 14px; color: #374151;
}
.pax-mb-sprice { font-weight: 600; color: #059669; margin-left: auto; }

/* Travellers */
.pax-mb-travellers {
	padding: 12px 20px; background: #f8fafc;
	border-top: 1px solid #e5e7eb; font-size: 14px; color: #374151;
}

@media (max-width: 500px) {
	.pax-mb-row { flex-direction: column; }
	.pax-mb-total { margin-left: 0; }
}