/* Hesap alanı (/hesap/…) ve gizli profil kapısı. Panolar: Ayarlar, AyarlarMobil. Yalnız tema değişkenleri. */

.hs{--hs-b:16px;display:grid;grid-template-columns:232px minmax(0,1fr);gap:32px;align-items:start}
.hs-govde{display:flex;flex-direction:column;gap:var(--hs-b);min-width:0;animation:hsGir .32s var(--egri) both}
@keyframes hsGir{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Sol alt menü */
.hs-yan{position:sticky;top:calc(88px + var(--admin));display:flex;flex-direction:column;gap:3px}
.hs-yan .ust-baslik{padding:0 12px}
.hs-yan-oge{height:42px;padding:0 12px;display:flex;align-items:center;gap:11px;border-radius:11px;color:var(--dim);font-size:14px;font-weight:700}
.hs-yan-oge .ikon{color:var(--faint);transition:color .16s}
.hs-yan-oge:hover{background:var(--line);color:var(--text)}
.hs-yan-oge[aria-current]{background:var(--accent-soft);color:var(--accent-text)}
.hs-yan-oge[aria-current] .ikon{color:var(--accent-text)}
.hs-yan-ayrac{height:1px;margin:6px 12px;background:var(--line)}
.hs-yan-dis{font-weight:600;font-size:13.5px}

.hs-bas{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.hs-bas p{margin:0;font-size:15px;line-height:23px}
.hs-mgeri{display:none}

/* Kartlar */
.hs-kart{padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.hs-kart h2{font-size:17px;line-height:24px}
.hs-kart-bas{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.hs-kart-bas p{margin:3px 0 0;font-size:13.5px;line-height:20px}
.hs-aciklama{margin:0;font-size:14px;line-height:21px}
.hs-kucuk{margin:0;font-size:12.5px;line-height:18px;color:var(--faint)}
.hs-deger{margin:0;color:var(--text);font-size:16px;font-weight:700;word-break:break-all}
.hs-iki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--hs-b);align-items:stretch}
.hs-iki>.hs-kart{height:100%}
.hs-kart-tehlike h2{color:var(--danger)}
.hs-uyari{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;color:var(--text);font-size:14px;line-height:21px}
.hs-uyari .ikon{color:var(--accent-text);margin-top:1px}
.hs-uyari-tamam .ikon{color:var(--success)}
.hs-not{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* Formlar */
.hs-form{width:100%;display:flex;flex-direction:column;gap:14px}
.hs-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hs-eylem{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;width:100%}
.hs-alt-form{padding-top:14px;border-top:1px solid var(--line);animation:hsGir .24s var(--egri) both}
.hs-sifre-kutu{position:relative;display:block}
.hs-sifre-kutu input{padding-right:48px}
.hs-goster{position:absolute;right:4px;top:4px;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--dim);display:grid;place-items:center}
.hs-goster:hover,.hs-goster[aria-pressed=true]{color:var(--text);background:var(--line)}
.hs-guc{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:4px}
.hs-guc i{height:4px;border-radius:9px;background:var(--line-strong);transition:background .2s}
.hs-guc[data-guc="1"] i:nth-child(-n+1){background:var(--danger)}
.hs-guc[data-guc="2"] i:nth-child(-n+2){background:var(--accent)}
.hs-guc[data-guc="3"] i:nth-child(-n+3),.hs-guc[data-guc="4"] i{background:var(--success)}
.hs-guc-m{min-height:0!important;color:var(--faint);font-weight:600!important}
.hs-bekleyen{width:100%;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:var(--accent-soft);color:var(--text);font-size:13.5px;line-height:20px}
.hs-bekleyen>span{flex:1}
.hs-bag{border:0;background:none;padding:0;color:var(--accent-text);font-weight:800;font-size:13.5px;cursor:pointer}
.hs-bag:hover{text-decoration:underline}

/* Rozetler, çipler, durumlar */
.hs-rozet{flex:none;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;background:var(--surface-2);color:var(--dim);font-size:12px;font-weight:800;white-space:nowrap}
.hs-rozet-tamam{color:var(--success)}
.hs-rozet-vurgu{background:var(--accent-soft);color:var(--accent-text)}
.hs-cip{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:7px;background:var(--surface-2);color:var(--dim);font-size:12px;font-weight:800;white-space:nowrap}
.hs-durum-tamam{color:var(--success);font-weight:800}
.hs-durum-bekle{color:var(--accent-text);font-weight:800}
.hs-durum-hata{color:var(--danger);font-weight:800}
.hs-durum-soluk{color:var(--faint);font-weight:800}
.hs-yesil{color:var(--success)}
.hs-durum{margin:0;display:flex;gap:8px;align-items:center;color:var(--text);font-size:13.5px;font-weight:700}
.hs-tehlike{color:var(--danger)!important;border-color:color-mix(in srgb,var(--danger) 45%,transparent)!important}
.hs-tehlike:hover{border-color:var(--danger)!important}
.hs-tehlike-dolu{background:var(--danger)!important;color:#fff!important}

/* Satır listeleri */
.hs-liste{width:100%;display:flex;flex-direction:column}
.hs-satir{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--line);min-height:64px;color:inherit}
.hs-liste>.hs-satir:first-child{border-top:0}
.hs-salt{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;min-height:0}
.hs-satir-ik{width:40px;height:40px;flex:none;border-radius:11px;background:var(--surface-2);color:var(--text);display:grid;place-items:center}
.hs-marka{font-weight:800;font-size:15px;color:var(--accent-text)}
.hs-satir-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hs-satir-m b{color:var(--text);font-size:14.5px}
.hs-satir-m>span{font-size:13px;line-height:19px;color:var(--dim);overflow-wrap:anywhere}
.hs-satir-bag:hover .hs-satir-m b{color:var(--accent-text)}
.hs-satir.gidiyor{animation:hsCik .28s var(--egri) forwards}
@keyframes hsCik{to{opacity:0;transform:translateX(12px)}}

/* Anahtar (switch) */
.hs-anahtar{flex:none;position:relative;width:46px;height:28px;padding:0;border:0;border-radius:999px;background:var(--line-strong);cursor:pointer;transition:background .18s ease}
.hs-anahtar i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s var(--egri),background .18s}
.hs-anahtar[aria-checked=true]{background:var(--accent)}
.hs-anahtar[aria-checked=true] i{transform:translateX(18px);background:var(--on-accent)}
.hs-anahtar:disabled{opacity:.4;cursor:not-allowed}
.hs-anahtar.kaydediyor{opacity:.7}
.hs-m-yok{color:var(--faint);font-weight:700;padding-inline:14px}
.hs-zorunlu{display:inline-flex;align-items:center;gap:5px;color:var(--faint);font-size:12.5px;font-weight:800;white-space:nowrap}
.hs-anahtar-satir{min-height:68px}

/* Bölümlü seçim (segmented) */
.hs-arac{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hs-seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.hs-seg>a,.hs-seg>button{min-height:37px;padding:0 15px;display:inline-flex;align-items:center;border:0;border-radius:9px;background:transparent;color:var(--dim);font-size:13.5px;font-weight:700;white-space:nowrap}
.hs-seg>a:hover,.hs-seg>button:hover{color:var(--text)}
.hs-seg>[aria-current],.hs-seg>[aria-checked=true]{background:var(--accent);color:var(--on-accent)}
.hs-seg-dugme{background:var(--surface-2);border-color:transparent}

/* Radyo kartları */
.hs-radyolar{width:100%;display:flex;flex-direction:column;gap:8px}
.hs-radyo{width:100%;display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:12px;border:1px solid var(--line-strong);background:transparent;text-align:left;color:inherit}
.hs-radyo:hover{border-color:var(--dim)}
.hs-radyo i{flex:none;width:20px;height:20px;border-radius:999px;border:2px solid var(--line-strong);position:relative;transition:border-color .16s}
.hs-radyo i::after{content:"";position:absolute;inset:3px;border-radius:999px;background:var(--accent);transform:scale(0);transition:transform .18s var(--egri)}
.hs-radyo span{display:flex;flex-direction:column;gap:2px}
.hs-radyo b{color:var(--text);font-size:14.5px}
.hs-radyo small{font-size:13px;color:var(--dim)}
.hs-radyo[aria-checked=true]{border-color:var(--accent-text);background:var(--accent-soft)}
.hs-radyo[aria-checked=true] i{border-color:var(--accent)}
.hs-radyo[aria-checked=true] i::after{transform:scale(1)}

/* Bildirim matrisi */
.hs-matris{padding:0;overflow:hidden}
.hs-m-satir{display:grid;grid-template-columns:minmax(0,1fr) 120px 120px;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--line)}
.hs-m-bas{border-top:0;padding-top:16px;padding-bottom:12px;color:var(--faint);font-size:11px;font-weight:800;letter-spacing:.9px}
.hs-m-bas span+span,.hs-m-hucre{text-align:center;justify-self:center}
.hs-m-gbas{padding:14px 20px 8px;border-top:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:12.5px;font-weight:800;letter-spacing:.3px}
.hs-m-gbas+.hs-m-satir{border-top:0}
.hs-m-ad{display:flex;flex-direction:column;gap:2px;min-width:0}
.hs-m-ad b{color:var(--text);font-size:14.5px}
.hs-m-ad small{font-size:12.5px;line-height:18px;color:var(--dim)}
.hs-m-kanal{display:none}
.hs-m-not{margin:0;padding:0 20px 14px;display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:18px;color:var(--faint)}
.hs-m-not .ikon{margin-top:1px;color:var(--accent-text)}
.hs-m-not b{display:block;margin-top:2px;color:var(--dim)}
.hs-m-alt{margin:0;padding:13px 20px;border-top:1px solid var(--line);font-size:12.5px;color:var(--faint)}
.hs-kart .hs-m-alt{padding:10px 0 0;border-top:0}
.hs-m-alt.tamam{color:var(--success)}

/* Siparişler tablosu */
.hs-tablo{padding:0;overflow:hidden}
.hs-tsatir{display:grid;grid-template-columns:132px minmax(0,1fr) 92px 100px 112px 104px;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--line);font-size:14px}
.hs-tbas{border-top:0;color:var(--faint);font-size:11px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;padding-top:16px;padding-bottom:12px}
.hs-tsatir:not(.hs-tbas){transition:background .16s}
.hs-tsatir:not(.hs-tbas):hover{background:var(--glass)}
.hs-t-ad{display:flex;flex-direction:column;min-width:0}
.hs-t-ad a{color:var(--text)}
.hs-t-ad a b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-t-ad small,.hs-tsatir small{color:var(--faint);font-size:12px;display:block;font-weight:600}
.hs-t-tutar{color:var(--text);font-weight:800}
.hs-sag{text-align:right;justify-self:end}
.hs-fatura{font-weight:800}
.hs-talt{display:flex;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid var(--line);font-size:13.5px}
.hs-talt b{color:var(--text)}
.hs-sayfalar{display:flex;gap:8px;justify-content:center}

/* Sipariş ayrıntısı */
.hs-sd{display:flex;flex-direction:column;gap:14px}
.hs-sd-ust{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}
.hs-sd-durum{margin-left:auto}
.hs-sd-tablo{width:100%;border-collapse:collapse;font-size:14px}
.hs-sd-tablo td,.hs-sd-tablo th{padding:11px 0;border-bottom:1px solid var(--line);color:var(--text);text-align:left;font-weight:600;vertical-align:top}
.hs-sd-tablo td small{margin-left:6px;color:var(--faint)}
.hs-sd-tablo td .hs-cip{margin-left:8px;height:20px;font-size:11px}
.hs-sd-tablo tfoot th{border-bottom:0;font-size:16px;font-weight:800;padding-top:14px}
.hs-sd-tablo tfoot small{color:var(--faint);font-size:12px;font-weight:700}
.hs-sd-tablo .hs-yesil td{color:var(--success)}
.hs-sd-tablo .hs-sag{text-align:right;white-space:nowrap}
.hs-sd-bilgi{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hs-sd-bilgi>div{padding:12px 14px;border-radius:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:2px}
.hs-sd-bilgi small{font-size:12px;color:var(--faint)}
.hs-sd-bilgi b{color:var(--text);font-size:14px}
.hs-sd-bilgi span{font-size:12.5px;color:var(--dim)}
.hs-sd-iade{width:100%;display:flex;flex-direction:column;gap:4px;font-size:13.5px}
.hs-sd-iade b{color:var(--text)}
.hs-sd-iade p{margin:0}
.hs-sd-sozlesme{gap:8px}
.hs-sozlesme{border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.hs-sozlesme summary{min-height:40px;display:flex;align-items:center;padding:0 14px;cursor:pointer;color:var(--text);font-size:13px;font-weight:700}
.hs-sozlesme-govde{max-height:320px;overflow:auto;padding:2px 14px 14px;color:var(--dim);font-size:12.5px;line-height:19px}
.hs-sozlesme-govde h2{margin:14px 0 4px;color:var(--text);font-size:12.5px;line-height:18px;font-weight:800}
.hs-sozlesme-govde p{margin:0 0 6px}.hs-sozlesme-govde ul{margin:0 0 6px;padding-left:16px}
.hs-sozlesme-govde table{width:100%;margin:4px 0 6px;border-collapse:collapse;font-size:12px}
.hs-sozlesme-govde :is(th,td){padding:5px 6px 5px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.hs-sozlesme-govde :is(th,td):last-child{text-align:right;white-space:nowrap;padding-right:0}
.hs-sd-eylem{justify-content:flex-start}
.hs-iade-form{display:flex;flex-direction:column;gap:12px;margin-top:8px;max-width:440px}
.hs-iade-form .alan{margin:0}
.hs-iade-form .alan input{font-family:inherit}
.hs-iade-onay{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:20px;cursor:pointer}
.hs-iade-onay input{margin-top:3px;flex:none}
.modal .hs-sd{padding:4px 0 6px}

/* Özet kartları, boş durum, sayılar */
.hs-ozet h2{font-size:24px;line-height:30px;letter-spacing:-.3px;margin-top:-4px}
.hs-ozet p{margin:0;font-size:14px;line-height:21px}
.hs-ozet .btn{margin-top:auto}
.hs-ozet .ust-baslik{margin:4px 0 0}
.hs-buyuk-ik{width:48px;height:48px;border-radius:14px;background:var(--accent-soft);color:var(--accent-text);display:grid;place-items:center;flex:none}
.hs-bilgi-kart{flex-direction:row;gap:18px}
.hs-bilgi-kart h2{margin-bottom:6px}
.hs-bilgi-kart p{margin:0 0 12px;font-size:14px;line-height:22px}
.hs-madde{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--text)}
.hs-madde li{display:flex;gap:8px;align-items:flex-start}
.hs-madde .ikon{color:var(--success);margin-top:2px}
.hs-sayilar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hs-sayilar .kart{padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.hs-sayilar small{font-size:12.5px}
.hs-sayilar b{color:var(--text);font-size:26px;line-height:34px}
.hs-onay p{margin:0 0 14px;font-size:14px;line-height:21px}
.hs-onay .alan{margin-bottom:14px}

/* Mobil liste (yalnız /hesap/ kökünde, < 900 px) */
.hs-menu{display:none}
.hs-menu-kisi{display:flex;align-items:center;gap:14px;padding:16px}
.hs-menu-kisi>span:last-child{display:flex;flex-direction:column;min-width:0}
.hs-menu-kisi b{color:var(--text);font-size:17px}
.hs-menu-kisi small{font-size:13px;overflow:hidden;text-overflow:ellipsis}
.hs-menu .ust-baslik{margin:12px 4px 0}
.hs-menu-liste{padding:0;overflow:hidden;display:flex;flex-direction:column}
.hs-menu-liste a{display:flex;align-items:center;gap:13px;min-height:64px;padding:10px 14px;border-top:1px solid var(--line);color:var(--faint)}
.hs-menu-liste a:first-child{border-top:0}
.hs-menu-liste a:active{background:var(--line)}
.hs-menu-ik{width:36px;height:36px;border-radius:10px;background:var(--surface-2);color:var(--text);display:grid;place-items:center;flex:none}
.hs-menu-m{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.hs-menu-m b{color:var(--text);font-size:15px}
.hs-menu-m small{color:var(--dim);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-menu-cikis{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;color:var(--danger);font-weight:800;margin-top:10px}

/* Gizli profil kapısı */
.hs-kapi{min-height:52vh;display:grid;place-items:center}
.hs-kapi-kart{width:min(440px,100%);padding:32px 26px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.hs-kapi-kart .av{width:72px;height:72px;font-size:22px;color:var(--accent-text)}
.hs-kapi-kart h1{font-size:22px}
.hs-kapi-kart p{margin:0;font-size:14.5px}
.hs-kapi-kart .hs-eylem{justify-content:center;margin-top:6px}

@media (max-width:1180px){.hs{grid-template-columns:200px minmax(0,1fr);gap:24px}.hs-tsatir{grid-template-columns:112px minmax(0,1fr) 84px 92px 104px 96px;gap:10px;padding:13px 16px}}
@media (max-width:1040px){.hs-iki{grid-template-columns:1fr}}
@media (max-width:899.98px){
	.hs{grid-template-columns:1fr;gap:14px}
	.hs-yan{display:none}
	.hs-kok .hs-menu{display:flex;flex-direction:column;gap:8px}
	.hs-kok .hs-govde{display:none}
	.hs-mgeri{display:inline-flex;align-items:center;gap:6px;margin:-6px 0 -2px -6px;min-height:40px;padding:0 6px;color:var(--dim);font-size:14px;font-weight:700;align-self:flex-start}
	.hs-bas p{font-size:14px;line-height:21px}
	.hs-kart{padding:18px 16px}
	.hs-kart-bas{flex-wrap:wrap}
	.hs-izgara,.hs-sd-bilgi{grid-template-columns:1fr}
	.hs-sayilar{gap:8px}.hs-sayilar .kart{padding:12px}.hs-sayilar b{font-size:22px}
	.hs-satir{flex-wrap:wrap}
	.hs-satir-m{flex:1 1 calc(100% - 60px)}
	.hs-satir>.btn,.hs-satir>.hs-rozet{margin-left:54px}
	.hs-salt .hs-satir-m{flex-basis:60%}.hs-salt>.hs-rozet{margin-left:0}
	.hs-anahtar-satir{flex-wrap:nowrap}
	.hs-seg{width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
	.hs-seg>a,.hs-seg>button{flex:1 0 auto;justify-content:center;padding:0 12px}
	.hs-bilgi-kart{flex-direction:column}
	/* Matris → kategori kartları: kanal adı hücrenin yanında */
	.hs-m-bas{display:none}
	.hs-m-satir{grid-template-columns:1fr 1fr;padding:14px 16px;row-gap:10px}
	.hs-m-ad{grid-column:1/-1}
	.hs-m-hucre{justify-self:start;display:flex;align-items:center;gap:10px}
	.hs-m-kanal{display:inline;font-style:normal;font-size:12.5px;font-weight:700;color:var(--dim)}
	.hs-m-gbas{padding:12px 16px 8px}
	.hs-m-not{padding:0 16px 14px}
	/* Sipariş tablosu → kartlar */
	.hs-tbas{display:none}
	.hs-tsatir{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ad tutar" "tarih durum" "tur eylem";row-gap:6px;padding:14px 16px}
	.hs-tsatir>.hs-t-ad{grid-area:ad}
	.hs-tsatir>.hs-t-tutar{grid-area:tutar;text-align:right}
	.hs-tsatir>.hs-t-tarih{grid-area:tarih;font-size:12.5px;color:var(--dim)}
	.hs-tsatir>[class^=hs-durum]{grid-area:durum;text-align:right;font-size:13px}
	.hs-tsatir>span:nth-child(3){grid-area:tur}
	.hs-tsatir>.hs-t-eylem{grid-area:eylem}
	.hs-talt{padding:14px 16px}
}
@media (prefers-reduced-motion:reduce){.hs-govde,.hs-alt-form{animation:none}.hs-anahtar,.hs-anahtar i,.hs-radyo i::after{transition:none}}
.hs-oturum-fazla{padding-top:10px;border-top:1px solid var(--line)}
[data-hs-gizlilik]{display:flex;flex-direction:column;gap:var(--hs-b)}
/* Ödenmemiş siparişi iptal */
.hs-t-eylem{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.hs-iptal{color:var(--danger);font-weight:700;font-size:13px;text-decoration:none}
.hs-iptal:hover{text-decoration:underline}
.hs-iptal-btn{color:var(--danger)!important;border-color:color-mix(in srgb,var(--danger) 45%,transparent)}