/* Ayarlar: kullanıcılar, kartlar, şablonlar, firma ve e-Fatura, hesaplar (Task 17; maketi yok, v3 bileşen dili: yüzey A kartları,
   .rt sekmeleri, .seg, .g2). Kısa ortak adlar (.kart .satir .rt .seg .g2 .fld .inp .btn .lnk .st .tut) yuzey.css ve portal.css'te; burada
   her seçici .ayar-bas (sayfa başlığı) ya da .ayar-kok (sayfa gövdesi) altındadır. Kullanıcı tablosu Faz 1'in .mu-ft/.yo-kul-t
   sınıflarını kullanır (portal.css). Telefon kuralları .kabuk[data-duzen="telefon"] ile. Hareket yok. */

.ayar-kok .ayar-sekme{margin:0 0 20px}
.ayar-kok .ayar-icerik{min-width:0}
.ayar-kok .ayar-icerik>.kart-ana{margin-top:0}

/* kart başlığındaki eylem düğmesi koyu plakada okunur kalır */
.ayar-kok .kart-ana>.kart-bas .btn-line{border-color:var(--white)}
.ayar-kok .kart-ana>.kart-bas .btn-line:hover{background:var(--base)}

/* tablolar: kartın kenarından kenarına */
.ayar-kok .ayar-t{width:calc(100% + 2 * var(--yz-kp));margin:0 calc(-1 * var(--yz-kp));border-collapse:collapse;font-size:15px;line-height:1.4}
.ayar-kok .ayar-t th{padding:14px 16px 10px 0;text-align:left;font-size:13px;font-weight:600;color:var(--steel);white-space:nowrap;border-bottom:1px solid var(--line)}
.ayar-kok .ayar-t td{padding:13px 16px 13px 0;border-bottom:1px solid var(--hair);vertical-align:middle}
.ayar-kok .ayar-t :is(th,td):first-child{padding-left:var(--yz-kp)}
.ayar-kok .ayar-t :is(th,td):last-child{padding-right:var(--yz-kp)}
.ayar-kok .ayar-t .r{text-align:right}
.ayar-kok .ayar-t td b{font-weight:600}
.ayar-kok .ayar-t td small{display:block;margin-top:2px;font-size:13px;color:var(--steel)}
.ayar-kok .ayar-t tbody tr:last-child td{border-bottom:0}
.ayar-kok .ayar-t .ayar-e{text-align:right;white-space:nowrap}
.ayar-kok .ayar-t .ayar-e>*+*{margin-left:16px}
.ayar-kok .ayar-pasif td{color:var(--steel)}
.ayar-kok .ayar-pasif td b{color:var(--ink-2)}
.ayar-kok .ayar-e .lnk{padding:0;border:0;background:none;font-size:14px;color:var(--ink);cursor:pointer}

/* arama çubuğu */
.ayar-kok .ayar-bar{padding:16px 0 12px}
.ayar-kok .ayar-ara{max-width:360px;height:40px;font-size:15px}

/* kullanıcılar: Faz 1 tablosu kart içinde */
.ayar-kullanicilar .rt{margin:0}
.ayar-kullanicilar .yo-kul-t th{padding-top:14px}
.ayar-kullanicilar .ayar-tablo{margin:0 calc(-1 * var(--yz-kp));overflow-x:auto}
.ayar-kullanicilar .ayar-tablo>.bos{margin:0 var(--yz-kp)}
.ayar-kullanicilar .yo-kul-t{width:100%;margin:0;border-collapse:collapse;font-size:15px;line-height:1.4}
.ayar-kullanicilar .yo-kul-t :is(th,td):first-child{padding-left:var(--yz-kp)}
.ayar-kullanicilar .yo-kul-t :is(th,td):last-child{padding-right:var(--yz-kp)}

/* şablonlar */
.ayar-kok .ayar-sablon-l{margin:0;padding:0;list-style:none}
.ayar-kok .ayar-sablon{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;padding-bottom:16px;border-bottom:1px solid var(--hair)}
.ayar-kok .ayar-sablon-b{min-width:0}
.ayar-kok .ayar-sablon-b b{font-size:17px;font-weight:600;letter-spacing:-.005em}
.ayar-kok .ayar-sablon-b small{margin-left:10px;font-size:14px;color:var(--steel)}
.ayar-kok .ayar-sablon-b p{margin:3px 0 0;max-width:46em;font-size:14px;line-height:1.45;color:var(--ink-2)}

/* firma ve e-Fatura */
.ayar-kok .ayar-iki{display:grid;grid-template-columns:minmax(0,1fr) 360px;column-gap:20px;align-items:start}
.ayar-kok .ayar-yan{display:grid;gap:20px;min-width:0}
.ayar-kok .ayar-yan>.kart+.kart,.ayar-kok .ayar-iki>.kart+.ayar-yan{margin-top:0}
.ayar-kok .ayar-form{display:grid;gap:18px;padding:22px 0 20px}
.ayar-kok .ayar-form .fld{margin:0}
.ayar-kok .ayar-form .fld-i{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--steel)}
.ayar-kok .ayar-form .form-hata:empty{display:none}
.ayar-kok .ayar-act{display:flex;gap:12px}
.ayar-kok .ayar-ebelge-d{margin:20px 0 6px;font-size:16px;line-height:1.5;font-weight:600;color:var(--ink)}
.ayar-kok .ayar-ebelge .meta{margin:0 0 20px}
.ayar-kok .ayar-ebelge-d::before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:var(--steel);vertical-align:.08em}
.ayar-kok .ayar-ebelge-d[data-saglayici="deneme"]::before{background:var(--wait)}

/* hesaplar */
.ayar-hesaplar .note{margin:14px 0 18px;font-size:14px;line-height:1.5;color:var(--steel)}
.ayar-hesaplar .ayar-ht-t{display:none}

/* pencereler: kart ve hesap formları ortak .dlg/.fld biçimini kullanır */
.hesap-dlg .fld-i{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--steel)}

/* ---------- telefon ---------- */
.kabuk[data-duzen="telefon"] .ayar-iki{grid-template-columns:minmax(0,1fr);row-gap:16px}
.kabuk[data-duzen="telefon"] .ayar-yan{gap:16px}
.kabuk[data-duzen="telefon"] .ayar-sablon{align-items:flex-start;flex-direction:column;gap:12px}
.kabuk[data-duzen="telefon"] .ayar-kok .g2{grid-template-columns:minmax(0,1fr)}
.kabuk[data-duzen="telefon"] .ayar-ara{max-width:none}
.kabuk[data-duzen="telefon"] .ayar-t thead{display:none}
.kabuk[data-duzen="telefon"] .ayar-t,.kabuk[data-duzen="telefon"] .ayar-t tbody{display:block}
.kabuk[data-duzen="telefon"] .ayar-t tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;margin:0;padding:14px var(--yz-kp);border-bottom:1px solid var(--hair)}
.kabuk[data-duzen="telefon"] .ayar-t tbody tr:last-child{border-bottom:0}
.kabuk[data-duzen="telefon"] .ayar-t td{display:block;padding:0!important;border:0!important}
.kabuk[data-duzen="telefon"] .ayar-t td:first-child{grid-column:1}
.kabuk[data-duzen="telefon"] .ayar-t td.r{text-align:right}
.kabuk[data-duzen="telefon"] .ayar-t .ayar-e{grid-column:1 / -1;text-align:left;margin-top:6px}
.kabuk[data-duzen="telefon"] .ayar-kullanicilar .ayar-tablo{overflow-x:visible}
/* hesap kartı: ad ve bakiye üst satırda; banka ve şube, sonra IBAN durumu adın altında tam genişlik; boş hücre yok */
.kabuk[data-duzen="telefon"] .ayar-ht td.ayar-ht-ad{grid-column:1;grid-row:1}
.kabuk[data-duzen="telefon"] .ayar-ht td.r{grid-column:2;grid-row:1}
.kabuk[data-duzen="telefon"] .ayar-ht td:is(.ayar-ht-banka,.ayar-ht-iban){grid-column:1 / -1;font-size:14px;line-height:1.4;color:var(--ink-2)}
.kabuk[data-duzen="telefon"] .ayar-ht td.ayar-ht-iban{color:var(--steel)}
.kabuk[data-duzen="telefon"] .ayar-ht td[data-bos]{display:none}
.kabuk[data-duzen="telefon"] .ayar-ht .ayar-ht-m{display:none}
.kabuk[data-duzen="telefon"] .ayar-ht .ayar-ht-t{display:inline}