/* CMR Tasarla – müşteri ön yüzü (etiket, ürün kutusu, Hesabım › Tasarımlarım). */
.cmrt-kutu, .cmrt-hesap, .cmrt-etiket-sar, .cmrt-satici {
	--cmrt-vurgu: #D3060A; --cmrt-lacivert: #0B2A4A; --cmrt-cizgi: #DCE3EC; --cmrt-zemin: #F5F7FA; --cmrt-soluk: #5A6B82;
	--cmrt-iyi: #1D5B34; --cmrt-iyi-z: #E3F1E8; --cmrt-uyari: #8A3A10; --cmrt-uyari-z: #FDEBDD;
}
.cmrt-etiket { display: inline-block; font-size: .75rem; font-weight: 700; line-height: 1.4; padding: 2px 8px; border-radius: 999px; background: #0B2A4A; color: #fff; letter-spacing: .02em; white-space: nowrap; }
.cmrt-etiket-sar { margin: 4px 0; }
.cmrt-kutu { margin: 12px 0 16px; padding: 14px; border: 1px solid var(--cmrt-cizgi); border-radius: 12px; background: var(--cmrt-zemin); max-width: 100%; box-sizing: border-box; overflow-wrap: anywhere; }
.cmrt-kutu * { box-sizing: border-box; }
.cmrt-kutu-ust { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0 0 10px; }
.cmrt-ek { font-weight: 600; color: var(--cmrt-lacivert); }
.cmrt-baslik { font-weight: 700; margin: 0 0 4px; }
.cmrt-aciklama { font-size: .85rem; color: var(--cmrt-soluk); margin: 6px 0; }
.cmrt-telif { font-size: .8rem; color: var(--cmrt-uyari); background: var(--cmrt-uyari-z); border-radius: 8px; padding: 8px 10px; margin: 10px 0; }
.cmrt-satir { display: flex; gap: 8px; align-items: flex-start; font-size: .9rem; margin: 8px 0; line-height: 1.4; cursor: pointer; }
.cmrt-satir input { margin-top: 3px; flex: 0 0 auto; width: 18px; height: 18px; }
.cmrt-beyan { font-weight: 600; }
.cmrt-blok-etiket { display: block; font-size: .9rem; margin: 10px 0 4px; }
.cmrt-kutu textarea { width: 100%; font: inherit; padding: 8px; border: 1px solid var(--cmrt-cizgi); border-radius: 8px; }
.cmrt-dugme { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 10px 18px; border-radius: 10px; border: 1px solid var(--cmrt-vurgu); background: var(--cmrt-vurgu); color: #fff; font: inherit; font-weight: 700; cursor: pointer; text-decoration: none; max-width: 100%; }
.cmrt-dugme:hover { filter: brightness(.95); }
.cmrt-dugme:focus-visible, .cmrt-kucuk-dugme:focus-visible, .cmrt-renk:focus-visible { outline: 2px solid var(--cmrt-lacivert); outline-offset: 2px; }
.cmrt-dugme-ikincil { background: #fff; color: var(--cmrt-lacivert); border-color: var(--cmrt-cizgi); }
.cmrt-dugme[disabled], .cmrt-dugme.pasif { opacity: .5; cursor: not-allowed; }
.cmrt-ac { width: 100%; }
.cmrt-dosya-sec { position: relative; overflow: hidden; }
.cmrt-dosya-sec input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; }
.cmrt-foto-liste { list-style: none; margin: 10px 0; padding: 0; display: grid; gap: 8px; }
.cmrt-foto-oge { display: flex; gap: 10px; align-items: center; background: #fff; border: 1px solid var(--cmrt-cizgi); border-radius: 8px; padding: 6px; min-width: 0; }
.cmrt-foto-oge img { width: 48px; height: 48px; object-fit: cover; border-radius: 6px; flex: 0 0 auto; }
.cmrt-foto-ad { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .85rem; }
.cmrt-kucuk-dugme { min-height: 36px; padding: 6px 12px; border-radius: 8px; border: 1px solid var(--cmrt-cizgi, #DCE3EC); background: #fff; color: #0B2A4A; font: inherit; font-size: .85rem; cursor: pointer; }
.cmrt-kucuk-dugme[aria-pressed=true] { background: #0B2A4A; color: #fff; border-color: #0B2A4A; }
.cmrt-ozet[hidden], .cmrt-kutu [hidden] { display: none !important; }
.cmrt-ozet { display: flex; gap: 12px; align-items: center; margin: 10px 0; }
.cmrt-ozet img { width: 80px; height: auto; border-radius: 8px; border: 1px solid var(--cmrt-cizgi); background: #fff; }
.cmrt-ozet-metin { color: var(--cmrt-iyi); font-weight: 600; font-size: .9rem; }
.cmrt-hata { color: #A40007; font-weight: 600; margin: 8px 0 0; }
.cmrt-sepet-onizleme { border-radius: 6px; border: 1px solid #DCE3EC; }
.cmrt-kalem-durum { font-size: .85rem; margin: 6px 0 0; }
/* Hesabım */
.cmrt-bildirim { padding: 10px 12px; border-radius: 8px; margin: 0 0 12px; font-weight: 600; }
.cmrt-bildirim-success { background: #E3F1E8; color: #1D5B34; }
.cmrt-bildirim-error { background: #FDE7E7; color: #A40007; }
.cmrt-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.cmrt-liste-oge a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 12px; border: 1px solid var(--cmrt-cizgi); border-radius: 10px; text-decoration: none; color: inherit; }
.cmrt-liste-oge strong { overflow-wrap: anywhere; }
.cmrt-kod { font-size: .8rem; color: var(--cmrt-soluk); grid-column: 1; }
.cmrt-liste-oge .cmrt-durum { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
.cmrt-durum { display: inline-block; font-size: .78rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: #EEF2F7; color: #0B2A4A; }
.cmrt-durum-musteri_onayinda, .cmrt-durum-eylem { background: #FDEBDD; color: #8A3A10; }
.cmrt-durum-uretime_hazir { background: #E3F1E8; color: #1D5B34; }
.cmrt-durum-moderasyon_red, .cmrt-durum-iptal { background: #FDE7E7; color: #A40007; }
.cmrt-detay-baslik { overflow-wrap: anywhere; }
.cmrt-gorseller { display: flex; flex-wrap: wrap; gap: 12px; margin: 12px 0; }
.cmrt-fig { margin: 0; flex: 1 1 240px; max-width: 100%; }
.cmrt-fig-kucuk { flex: 0 1 140px; }
.cmrt-fig img { display: block; max-width: 100%; height: auto; border: 1px solid var(--cmrt-cizgi); border-radius: 8px; background: #fff; }
.cmrt-fig figcaption { font-size: .8rem; color: var(--cmrt-soluk); margin-bottom: 4px; }
.cmrt-eylemler { display: grid; gap: 12px; margin: 12px 0; padding: 12px; border: 1px solid var(--cmrt-cizgi); border-radius: 10px; background: var(--cmrt-zemin); }
.cmrt-revize, .cmrt-mesaj { display: grid; gap: 6px; }
.cmrt-revize textarea, .cmrt-mesaj textarea { width: 100%; box-sizing: border-box; font: inherit; padding: 8px; border: 1px solid var(--cmrt-cizgi); border-radius: 8px; }
.cmrt-akis { list-style: none; margin: 8px 0 12px; padding: 0; display: grid; gap: 6px; }
.cmrt-akis li { padding: 8px 10px; border-radius: 8px; background: #F5F7FA; display: grid; gap: 2px; overflow-wrap: anywhere; }
.cmrt-akis-satici { background: #EEF2F7 !important; }
.cmrt-akis-musteri { background: #FFF6F0 !important; }
.cmrt-akis-ust { font-size: .75rem; color: #5A6B82; }
.cmrt-uyari { background: #FDEBDD; color: #8A3A10; border-radius: 8px; padding: 8px 10px; font-size: .85rem; }
