/* Servizgo müşteri hesabı (scoped: .mba) */
.mba {
	--b: #0E8B7E; --bd: #0A5A52; --acc: #FF6A4D; --ink: #15211F; --mut: #71827E;
	--line: #E6ECEA; --card: #fff; --bg: #F5F8F7; --ok: #1FA971;
	max-width: 640px; margin: 0 auto; padding: 16px; box-sizing: border-box; color: var(--ink);
	font-family: -apple-system, "Segoe UI", system-ui, Roboto, sans-serif; line-height: 1.45;
}
.mba * { box-sizing: border-box; }
.mba .mba-load { padding: 48px; text-align: center; color: var(--mut); }

.mba .mba-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; flex-wrap: wrap; }
.mba .mba-logo { display: block; width: auto; }
.mba .mba-hr { display: flex; align-items: center; gap: 6px; }
.mba .mba-langs { display: flex; gap: 5px; }
.mba .mba-lang { border: 1px solid var(--line); background: #fff; color: var(--mut); font-size: 11px; font-weight: 700; padding: 4px 7px; border-radius: 7px; cursor: pointer; }
.mba .mba-lang.on { background: var(--b); border-color: var(--b); color: #fff; }
.mba .mba-out { border: 1px solid var(--line); background: #fff; color: var(--mut); font-size: 12px; font-weight: 600; padding: 5px 10px; border-radius: 8px; cursor: pointer; }

.mba .mba-tabs { display: flex; gap: 6px; margin-bottom: 14px; }
.mba .mba-tab { flex: 1; border: 1px solid var(--line); background: #fff; color: var(--ink); font-size: 14px; font-weight: 700; padding: 9px 14px; border-radius: 10px; cursor: pointer; }
.mba .mba-tab.on { background: var(--b); border-color: var(--b); color: #fff; }

.mba .mba-card { background: var(--card); border: 1px solid var(--line); border-radius: 14px; padding: 16px; margin-bottom: 12px; }
.mba .mba-mut { color: var(--mut); font-size: 13px; }
.mba .mba-sec { margin: 18px 0 8px; font-size: 14px; color: var(--mut); text-transform: uppercase; letter-spacing: .05em; }

.mba .mba-in { border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; font-size: 14px; width: 100%; background: #fff; margin-bottom: 10px; }
.mba .mba-in:focus { outline: 2px solid var(--b); border-color: var(--b); }
.mba .mba-in:disabled { background: var(--bg); color: var(--mut); }
.mba .mba-lbl { display: block; font-size: 12px; font-weight: 700; color: var(--mut); margin-bottom: 4px; }

.mba .mba-btn { background: var(--b); color: #fff; border: 0; border-radius: 11px; padding: 11px 16px; font-size: 14px; font-weight: 800; cursor: pointer; width: 100%; margin-top: 4px; }
.mba .mba-btn:hover { background: var(--bd); }
.mba .mba-link { background: none; border: 0; color: var(--b); font-size: 13px; font-weight: 600; cursor: pointer; margin-top: 10px; display: block; width: 100%; }

.mba .mba-login { max-width: 380px; margin: 36px auto; text-align: center; }
.mba .mba-login .mba-logo { margin: 0 auto 10px; }
.mba .mba-login .mba-langs { justify-content: center; margin: 8px 0 14px; }

/* randevu kartı */
.mba .mba-appt { background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 14px; margin-bottom: 10px; }
.mba .mba-appt.st-canceled { opacity: .6; }
.mba .mba-appt-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.mba .mba-appt-top b { font-size: 15px; }
.mba .mba-appt-svc { color: var(--ink); font-size: 14px; margin-top: 2px; }
.mba .mba-appt-when, .mba .mba-appt-addr { font-size: 13px; color: var(--mut); margin-top: 6px; }
.mba .mba-late { color: var(--acc); font-weight: 700; }
.mba .mba-badge { font-size: 11px; font-weight: 800; padding: 3px 9px; border-radius: 999px; white-space: nowrap; }
.mba .mba-badge.b-confirmed { background: color-mix(in srgb, var(--b) 14%, transparent); color: var(--bd); }
.mba .mba-badge.b-completed { background: color-mix(in srgb, var(--ok) 16%, transparent); color: var(--ok); }
.mba .mba-badge.b-canceled { background: #f3f4f4; color: var(--mut); }
.mba .mba-cancel { margin-top: 10px; border: 1px solid var(--acc); background: #fff; color: var(--acc); font-size: 13px; font-weight: 700; padding: 7px 12px; border-radius: 9px; cursor: pointer; }
.mba .mba-cancel:hover { background: var(--acc); color: #fff; }

/* ihale / teklif */
.mba .mba-jh { margin: 0 0 10px; font-size: 15px; }
.mba textarea.mba-in { resize: vertical; font-family: inherit; }
.mba .mba-quote { border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; margin-top: 8px; background: var(--bg); }
.mba .mba-quote-top { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.mba .mba-quote-price { font-weight: 800; color: var(--b); font-size: 16px; }

/* favori / puan / adres */
.mba .mba-appt-acts { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.mba .mba-fav-btn { border: 1px solid var(--acc); background: #fff; color: var(--acc); font-size: 13px; font-weight: 700; padding: 7px 12px; border-radius: 9px; cursor: pointer; }
.mba .mba-fav-btn:hover { background: var(--acc); color: #fff; }
.mba .mba-rate { margin-top: 10px; display: flex; align-items: center; gap: 4px; }
.mba .mba-star { background: none; border: 0; font-size: 22px; color: #d9b400; cursor: pointer; padding: 0 2px; line-height: 1; opacity: .5; }
.mba .mba-star:hover { opacity: 1; transform: scale(1.15); }
.mba .mba-addr { display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 1px solid var(--line); border-radius: 10px; padding: 8px 12px; margin-bottom: 8px; font-size: 13px; }
.mba .mba-x { border: 1px solid var(--line); background: #fff; color: var(--acc); font-size: 12px; font-weight: 700; padding: 4px 9px; border-radius: 8px; cursor: pointer; }

.mba .mba-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); background: var(--ink); color: #fff;
	padding: 10px 18px; border-radius: 999px; font-size: 13px; font-weight: 700; z-index: 50; box-shadow: 0 12px 30px -10px rgba(0,0,0,.5); }