/*
 * Personel paneli.
 *
 * Mobil öncelikli. Yazı tipi ve renk paleti bilerek tanımlanmaz; panel Astra
 * temasının tipografisini ve renk değişkenlerini miras alır. Ölçüler em/rem
 * cinsindendir. İkon yoktur; eylem düğmeleri metinle yazılır.
 *
 * Durum renkleri yalnızca kenar çizgisi ve küçük rozetlerde kullanılır; metin
 * her zaman temanın kendi rengindedir ki okunabilirlik bozulmasın.
 */

.mm-panel {
	box-sizing: border-box;
	margin: 0 0 1.5em;
	padding: 1.25em;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	background: #fff;
}

.mm-panel *,
.mm-panel *::before,
.mm-panel *::after {
	box-sizing: inherit;
}

/* --- Üst şerit ----------------------------------------------------------- */

.mm-panel__ust {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em 1em;
	align-items: baseline;
	justify-content: space-between;
	margin: 0 0 1.25em;
	padding-bottom: 0.75em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.mm-panel__hosgeldin,
.mm-panel__cikis {
	margin: 0;
	font-size: 0.95em;
}

.mm-panel__cikis a {
	text-decoration: underline;
}

/* --- Başlıklar ----------------------------------------------------------- */

.mm-panel__baslik {
	margin: 0 0 0.5em;
	font-size: 1.3em;
	line-height: 1.3;
}

.mm-panel__bolum {
	margin: 0 0 2em;
	padding: 0 0 1.5em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.mm-panel__bolum:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.mm-panel__bolum--sessiz {
	opacity: 0.7;
}

.mm-panel__bolum-baslik {
	margin: 0 0 0.4em;
	font-size: 1.15em;
	line-height: 1.3;
}

.mm-panel__alt-baslik {
	margin: 1.25em 0 0.6em;
	font-size: 1em;
	line-height: 1.3;
}

.mm-panel__aciklama {
	margin: 0 0 1em;
	font-size: 0.9em;
	opacity: 0.8;
}

.mm-panel__aciklama--sessiz {
	opacity: 0.6;
	font-style: italic;
}

/* --- Bildirimler --------------------------------------------------------- */

.mm-panel__bildirim {
	margin: 0 0 1em;
	padding: 0.7em 0.9em;
	border-left: 4px solid rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	background: rgba(0, 0, 0, 0.03);
	font-size: 0.92em;
}

.mm-panel__bildirim--basari {
	border-left-color: #2e7d32;
}

.mm-panel__bildirim--hata {
	border-left-color: #c62828;
}

.mm-panel__bildirim--uyari {
	border-left-color: #ef6c00;
}

/* --- Formlar ------------------------------------------------------------- */

.mm-panel__form {
	margin: 0;
}

.mm-panel__alan {
	display: block;
	margin: 0 0 1em;
}

.mm-panel__alan label,
.mm-panel__etiket {
	display: block;
	margin-bottom: 0.3em;
	font-size: 0.85em;
	font-weight: 600;
	opacity: 0.85;
}

.mm-panel__alan input[type="text"],
.mm-panel__alan input[type="date"],
.mm-panel__alan select,
.mm-panel__metin {
	width: 100%;
	max-width: 100%;
}

.mm-panel__metin {
	display: block;
	min-height: 14em;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.9em;
	line-height: 1.5;
	white-space: pre-wrap;
	overflow-wrap: break-word;
}

.mm-panel__satir--secici {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1em;
	align-items: flex-end;
}

.mm-panel__satir--secici .mm-panel__alan {
	flex: 1 1 10em;
	min-width: 9em;
}

.mm-panel__alan--dugme {
	flex: 0 0 auto;
}

.mm-panel__alan--sabit {
	flex: 0 0 auto;
}

/* --- Düğmeler ------------------------------------------------------------ */

.mm-panel__dugmeler {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6em;
	margin: 0 0 1em;
}

.mm-panel__dugme {
	cursor: pointer;
}

.mm-panel__dugme--ince {
	font-size: 0.85em;
	opacity: 0.9;
}

.mm-panel__dugme--tehlike {
	background: transparent;
	border: 1px solid #c62828;
	color: #c62828;
}

.mm-panel__ikon-dugme {
	padding: 0.25em 0.6em;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	background: transparent;
	font-size: 0.78em;
	line-height: 1.4;
	cursor: pointer;
	color: inherit;
}

.mm-panel__ikon-dugme--sil {
	border-color: rgba(198, 40, 40, 0.5);
	color: #c62828;
}

/* --- Önizleme ------------------------------------------------------------ */

.mm-panel__onizleme {
	margin-top: 1.5em;
	padding-top: 1em;
	border-top: 1px dashed rgba(0, 0, 0, 0.15);
}

.mm-panel__ozet {
	margin: 0 0 0.8em;
	font-size: 0.9em;
	font-weight: 600;
}

.mm-panel__ozet--not {
	font-weight: 400;
	opacity: 0.7;
}

.mm-panel__gunler {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mm-panel__gun {
	margin: 0 0 0.7em;
	padding: 0.7em 0.9em;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-left-width: 4px;
	border-radius: 4px;
}

.mm-panel__gun--tamam {
	border-left-color: #2e7d32;
}

.mm-panel__gun--guncellenecek {
	border-left-color: #1565c0;
}

.mm-panel__gun--pazar {
	border-left-color: rgba(0, 0, 0, 0.25);
	opacity: 0.7;
}

.mm-panel__gun--hatali {
	border-left-color: #c62828;
	background: rgba(198, 40, 40, 0.05);
}

.mm-panel__gun--tatil {
	background: rgba(239, 108, 0, 0.05);
}

.mm-panel__gun-baslik {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4em 0.8em;
	align-items: baseline;
	justify-content: space-between;
	margin: 0 0 0.4em;
}

.mm-panel__gun-tarih {
	font-weight: 600;
	font-size: 0.95em;
}

.mm-panel__rozet {
	font-size: 0.75em;
	padding: 0.1em 0.5em;
	border-radius: 999px;
	border: 1px solid currentColor;
	white-space: nowrap;
}

.mm-panel__rozet--tamam {
	color: #2e7d32;
}

.mm-panel__rozet--guncellenecek {
	color: #1565c0;
}

.mm-panel__rozet--pazar {
	color: rgba(0, 0, 0, 0.55);
}

.mm-panel__rozet--hatali {
	color: #c62828;
}

.mm-panel__gun-hata {
	margin: 0 0 0.4em;
	font-size: 0.85em;
	color: #c62828;
}

.mm-panel__gun-uyari {
	margin: 0 0 0.4em;
	font-size: 0.85em;
	color: #ef6c00;
}

.mm-panel__kalemler {
	margin: 0;
	padding-left: 1.2em;
	font-size: 0.92em;
}

.mm-panel__kalemler li {
	margin: 0.1em 0;
}

/* --- Gün düzenleme ------------------------------------------------------- */

.mm-panel__duzenle-liste {
	margin: 0 0 1em;
	padding: 0;
	list-style: none;
}

.mm-panel__duzenle-satir {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4em;
	align-items: center;
	margin: 0 0 0.5em;
}

.mm-panel__satir-no {
	flex: 0 0 1.6em;
	font-size: 0.8em;
	text-align: right;
	opacity: 0.5;
}

.mm-panel__satir-girdi {
	flex: 1 1 12em;
	min-width: 0;
}

.mm-panel__satir-araclar {
	display: flex;
	flex: 0 0 auto;
	gap: 0.3em;
}

/* --- Giriş ekranı -------------------------------------------------------- */

.mm-panel--giris .login-username,
.mm-panel--giris .login-password,
.mm-panel--giris .login-remember,
.mm-panel--giris .login-submit {
	margin: 0 0 0.9em;
}

.mm-panel--giris .login-username label,
.mm-panel--giris .login-password label {
	display: block;
	margin-bottom: 0.3em;
	font-size: 0.85em;
	font-weight: 600;
}

.mm-panel--giris .login-username input,
.mm-panel--giris .login-password input {
	width: 100%;
}

.mm-panel__yardim {
	margin: 0.5em 0 0;
	font-size: 0.9em;
}

/* --- Dar ekran ----------------------------------------------------------- */

@media ( max-width: 480px ) {

	.mm-panel {
		padding: 1em;
	}

	.mm-panel__satir--secici .mm-panel__alan {
		flex: 1 1 100%;
	}

	.mm-panel__dugme {
		flex: 1 1 100%;
	}

	.mm-panel__satir-girdi {
		flex: 1 1 100%;
		order: 2;
	}

	.mm-panel__satir-araclar {
		order: 3;
		width: 100%;
		justify-content: flex-end;
	}
}

/* =========================================================================
 *  FAZ 3D — Ekip yönetimi ve salt-okunur görünüm
 * ====================================================================== */

.mm-panel__alt-baslik {
	margin: 1.5em 0 0.5em;
	font-size: 1.05em;
}

/* --- Salt-okunur görünüm kartı ------------------------------------------ */

.mm-panel__gorunum-kart {
	margin: 0.75em 0 0;
}

/* --- Davet bağlantısı kutusu -------------------------------------------- */

.mm-panel__davet {
	margin: 0 0 1em;
	padding: 0.85em 1em;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-left: 4px solid #2f7d4f;
	border-radius: 6px;
	background: #f4faf6;
}

.mm-panel__davet-baslik {
	margin: 0 0 0.5em;
	font-size: 0.92em;
}

.mm-panel__davet-link {
	width: 100%;
	box-sizing: border-box;
	padding: 0.5em 0.6em;
	font-family: monospace;
	font-size: 0.82em;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	background: #fff;
}

/* --- Ekip tablosu ------------------------------------------------------- */

.mm-panel__ekip-tablo {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1em;
}

.mm-panel__ekip-tablo th,
.mm-panel__ekip-tablo td {
	padding: 0.6em 0.5em;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.mm-panel__ekip-tablo th {
	font-size: 0.72em;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	opacity: 0.7;
}

.mm-panel__ekip-satir--pasif {
	opacity: 0.55;
}

.mm-panel__ekip-ad {
	display: block;
	font-weight: 600;
}

.mm-panel__ekip-eposta {
	display: block;
	font-size: 0.82em;
	opacity: 0.7;
	word-break: break-word;
}

.mm-panel__ekip-rol-form {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35em;
	align-items: center;
	margin: 0;
}

.mm-panel__ekip-rol-sec {
	max-width: 100%;
}

.mm-panel__ekip-islem {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35em;
}

.mm-panel__ekip-islem form {
	margin: 0;
}

/* --- Durum rozetleri ---------------------------------------------------- */

.mm-panel__rozet {
	display: inline-block;
	padding: 0.15em 0.6em;
	font-size: 0.78em;
	font-weight: 700;
	border-radius: 100px;
	border: 1px solid transparent;
}

.mm-panel__rozet--aktif {
	color: #1f6b3e;
	border-color: rgba(47, 125, 79, 0.4);
	background: rgba(47, 125, 79, 0.1);
}

.mm-panel__rozet--pasif {
	color: #9a2c2c;
	border-color: rgba(154, 44, 44, 0.4);
	background: rgba(154, 44, 44, 0.08);
}

/* --- Tehlikeli düğme (Sil) ---------------------------------------------- */

.mm-panel__dugme--tehlike {
	color: #9a2c2c;
	border-color: rgba(154, 44, 44, 0.5);
}

.mm-panel__dugme--tehlike:hover {
	background: rgba(154, 44, 44, 0.08);
}

/* --- Dar ekran: tabloyu kartlara dönüştür ------------------------------- */

@media (max-width: 620px) {

	.mm-panel__ekip-tablo,
	.mm-panel__ekip-tablo tbody,
	.mm-panel__ekip-tablo tr,
	.mm-panel__ekip-tablo td {
		display: block;
		width: 100%;
	}

	.mm-panel__ekip-tablo thead {
		display: none;
	}

	.mm-panel__ekip-tablo tr {
		margin: 0 0 0.75em;
		padding: 0.5em 0.6em;
		border: 1px solid rgba(0, 0, 0, 0.12);
		border-radius: 8px;
	}

	.mm-panel__ekip-tablo td {
		border-bottom: 0;
		padding: 0.35em 0;
	}
}

/* --- Kişiye özel menü yetkisi satırı (Diyetisyen vb.) ------------------- */

.mm-panel__yetki-satir > td {
	background: rgba(61, 122, 122, 0.06);
	border-top: 0;
}

.mm-panel__yetki-form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4em 0.9em;
	margin: 0;
	padding: 0.5em 0.2em 0.6em;
}

.mm-panel__yetki-baslik {
	font-size: 0.74em;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #3d7a7a;
}

.mm-panel__yetki-ana {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	padding: 0.1em 0.55em;
	border: 1px solid rgba(124, 28, 28, 0.35);
	border-radius: 100px;
	background: rgba(124, 28, 28, 0.05);
	color: #7c1c1c;
}

.mm-panel__yetki-kutular {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0.3em 0.9em;
}

.mm-panel__yetki-kutu {
	display: inline-flex;
	align-items: center;
	gap: 0.3em;
	font-size: 0.9em;
}

.mm-panel__yetki-not {
	flex: 1 1 100%;
	font-size: 0.8em;
	opacity: 0.7;
}

/* --- Usta girişi: fotoğraflı dış çerçeve + %60 saydam form -------------- */

/* Dış kare: arka plan fotoğrafını taşır. İç boşluk (15px) form ile kenar
   arasındaki "pervaz"dır; fotoğraf oradan görünür. Fotoğraf gelmezse sıcak
   bir zemine düşer, sayfa bozulmaz. */
.mm-giris-cerceve {
	box-sizing: border-box;
	max-width: 560px;
	margin: 0 auto;
	padding: 15px;
	border-radius: 12px;
	background-color: #f6d9c9; /* fotoğraf yoksa yedek sıcak zemin */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
}

/* İç kare: form. %60 saydam (arkadaki fotoğraf sızar) + hafif buğu ki
   yazılar her fotoğrafta okunur kalsın. */
.mm-panel--giris-cam {
	margin: 0;
	background: rgba(255, 255, 255, 0.6);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	border: 1px solid rgba(255, 255, 255, 0.55);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

/* Buğunun desteklenmediği tarayıcıda okunabilirlik için biraz daha opak. */
@supports not ((backdrop-filter: blur(6px)) or (-webkit-backdrop-filter: blur(6px))) {
	.mm-panel--giris-cam {
		background: rgba(255, 255, 255, 0.82);
	}
}

/* Giriş kutuları saydam formun üstünde net dursun. */
.mm-panel--giris-cam .login-username input,
.mm-panel--giris-cam .login-password input {
	background: rgba(255, 255, 255, 0.92);
}

@media (max-width: 480px) {
	.mm-giris-cerceve {
		padding: 12px;
	}
}

/* --- Önizlemede günün fiyatı --------------------------------------------- */
.mm-panel__gun-fiyat {
	margin: 0.5em 0 0;
	padding-top: 0.4em;
	border-top: 1px dashed rgba(124, 28, 28, 0.25);
	font-size: 0.9em;
	font-weight: 600;
	color: #7c1c1c;
}

/* --- Dosyadan menü yükleme (.csv / .txt) --------------------------------- */
.mm-panel__dosya {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5em 0.75em;
	margin: 0 0 0.5em;
	padding: 0.5em 0.6em;
	border: 1px dashed rgba(61, 122, 122, 0.5);
	border-radius: 8px;
	background: rgba(61, 122, 122, 0.05);
}

/* Gerçek dosya girişi gizli; şık "Dosya seç" etiketi düğme gibi görünür. */
.mm-panel__dosya-girdi {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.mm-panel__dosya-girdi:focus + label {
	outline: 2px solid #3d7a7a;
	outline-offset: 2px;
}

.mm-panel__dosya-not {
	font-size: 0.85em;
	opacity: 0.75;
}

.mm-panel__dosya-durum {
	font-size: 0.85em;
	font-weight: 600;
	color: #3d7a7a;
}

/* Kutunun üzerine dosya sürüklenince belirgin çerçeve. */
.mm-panel__dosya--uzerinde {
	border-color: #7c1c1c;
	background: rgba(124, 28, 28, 0.08);
}

/* --- Son silineni geri al ------------------------------------------------ */
.mm-panel__geri-al {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5em 0.9em;
	margin-top: 0.9em;
	padding: 0.6em 0.8em;
	border: 1px solid rgba(61, 122, 122, 0.35);
	border-radius: 8px;
	background: rgba(61, 122, 122, 0.06);
}

.mm-panel__geri-al-metin {
	font-size: 0.9em;
	font-weight: 600;
	color: #3d7a7a;
}

.mm-panel__geri-al form {
	margin: 0;
}

/* --- Fiyat girişi (aylık + gün) ----------------------------------------- */
.mm-panel__alan--kdv {
	flex: 0 1 7em;
	min-width: 6em;
}
.mm-panel__satir--fiyat {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1em;
	align-items: flex-end;
	margin-top: 0.4em;
}
.mm-panel__satir--fiyat .mm-panel__alan--fiyat {
	flex: 1 1 12em;
	min-width: 9em;
}
.mm-panel__satir--fiyat .mm-panel__alan--kdv {
	flex: 0 1 7em;
	min-width: 6em;
}
.mm-panel__fiyat-girdi--kdv {
	max-width: 7em;
}
.mm-panel__fiyat-not {
	margin: 0.5em 0 0;
	font-size: 0.85em;
	line-height: 1.5;
	color: #6b6b6b;
}

/* --- 0.9.0 Kalori listesi ------------------------------------------------ */
#mm-panel-kalori textarea {
	width: 100%;
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.6;
}

.mm-panel__kalori-sayac {
	margin: 0 0 0.8em;
	font-weight: 700;
	color: #2c5a63;
}

.mm-panel__pro-kutu {
	margin: 0 0 1em;
	padding: 0.8em 1em;
	border: 1px dashed rgba( 184, 145, 47, 0.6 );
	border-radius: 10px;
	background: rgba( 201, 162, 74, 0.08 );
}

.mm-panel__pro-kutu--aktif {
	border-style: solid;
}

.mm-panel__pro-baslik {
	margin: 0 0 0.3em;
	font-weight: 800;
	color: #7c1c1c;
}

.mm-panel__pro-kutu textarea {
	width: 100%;
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.6;
}