/* Bugün ekranı (Task 11; maket tasarim/v3/bugun.html). Ortak "Tahsilat gir" penceresi Task 18'de para-pencere.css'e taşındı.
   Kısa ortak adlar (.kart .satir .cq .seg .amt .g2 …) yuzey.css'te; burada yalnız bugun- önekli sınıflar. */

/* ---------- Yapılacaklar ---------- */
.bugun-ana{--bugun-kol:224px minmax(0,1fr) 148px 164px}
.bugun-bas{display:grid;grid-template-columns:var(--bugun-kol);column-gap:24px;align-items:end}
.bugun-bas .kart-bb{grid-column:1 / 3}
.bugun-bas .end{grid-column:3;margin-left:0;justify-content:flex-end}
.bugun-bas .th{font-size:13px;font-weight:600;line-height:1.3;text-align:right}
.bugun-th-t{display:none}
.bugun-liste{margin:0;padding:0;list-style:none}
.bugun-satir{display:grid;grid-template-columns:var(--bugun-kol);column-gap:24px;align-items:center;padding-top:15px;padding-bottom:15px;border-bottom:1px solid var(--hair)}
.bugun-tur{font-size:14px;line-height:1.4;font-weight:600;color:var(--ink)}
.bugun-tur time{display:block;margin-top:1px;font-weight:400;color:var(--steel)}
.bugun-tur time.st{display:flex}
.bugun-konu{min-width:0}
.bugun-konu h3{font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.005em}
.bugun-konu h3 a{text-decoration:none}
.bugun-konu h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.bugun-konu p{margin-top:2px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.bugun-tutar{font-size:17px;line-height:1.3;font-weight:600;text-align:right;white-space:nowrap}
.bugun-eylem .btn{width:100%}
.bugun-bos{padding:28px 0 26px;font-size:15px;color:var(--steel)}
.bugun-bos-k{padding:20px 0 18px}

/* vadesi geçen para: daha ağır başlık ve tutar (kırmızı hat yuzey.css .satir.late) */
.bugun-satir.late{padding-top:20px;padding-bottom:20px}
.bugun-satir.late .bugun-konu h3{font-size:19px;font-weight:700;letter-spacing:-.012em}
.bugun-satir.late .bugun-tutar{font-size:22px;font-weight:700;letter-spacing:-.015em}
.bugun-satir.late .bugun-tur time{margin-top:3px;font-weight:600;color:var(--ink)}
.bugun-satir.late .st::before{width:9px;height:9px}

/* ---------- alt bölüm: sahada, para durumu ---------- */
.bugun-alt{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.bugun-mt{width:100%;margin-top:8px;border-collapse:collapse;font-size:15px;line-height:1.4}
.bugun-mt th{padding:10px 16px 8px 0;text-align:left;font-size:13px;font-weight:600;color:var(--steel)}
.bugun-mt td{padding:12px 16px 12px 0;border-top:1px solid var(--hair);vertical-align:baseline}
.bugun-mt th:last-child,.bugun-mt td:last-child{padding-right:0;text-align:right}
.bugun-mt b{font-weight:600;white-space:nowrap}
.bugun-mt td:first-child{width:150px}
.bugun-mt small{display:block;font-size:14px;color:var(--steel)}
.bugun-mt .st{font-size:14px;font-weight:600}
.bugun-mt .st::before{width:7px;height:7px}
.bugun-para{margin:4px 0 0;font-size:15px;line-height:1.4}
.bugun-para>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:baseline;padding:12px 0;border-top:1px solid var(--hair)}
.bugun-para>div:first-child{border-top:0}
.bugun-para dt{color:var(--ink)}
.bugun-para dt small{display:block;margin-top:1px;font-size:14px;color:var(--steel)}
.bugun-para dd{margin:0;font-weight:600;white-space:nowrap;text-align:right}
.bugun-para .pair dt+dd+dt,.bugun-para .pair dt+dd+dt+dd{margin-top:8px}

/* ---------- telefon: tek sütun ---------- */
[data-duzen="telefon"] .bugun-baslik .end{display:none}
[data-duzen="telefon"] .bugun-bas{display:flex}
[data-duzen="telefon"] .bugun-th-m{display:none}
[data-duzen="telefon"] .bugun-th-t{display:inline;white-space:nowrap}
[data-duzen="telefon"] .bugun-bas .th{font-size:13px}
/* maket (bugun.html telefon): plakada yalnız başlık ve "Tutarlar KDV dahil"; açıklama cümlesi telefonda yer kaplamaz */
[data-duzen="telefon"] .bugun-bas .kart-bb>p{display:none}
[data-duzen="telefon"] .bugun-bas{align-items:center}
[data-duzen="telefon"] .bugun-satir{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tur tur" "konu konu" "tutar eylem";column-gap:12px;align-items:center;padding-top:14px;padding-bottom:16px}
[data-duzen="telefon"] .bugun-tur{grid-area:tur;display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px}
[data-duzen="telefon"] .bugun-tur time{display:inline;margin-top:0;white-space:nowrap}
[data-duzen="telefon"] .bugun-tur time.st{display:inline-flex}
[data-duzen="telefon"] .bugun-konu{grid-area:konu;margin-top:3px}
[data-duzen="telefon"] .bugun-konu h3{font-size:16px}
[data-duzen="telefon"] .bugun-tutar{grid-area:tutar;margin-top:12px;font-size:18px;text-align:left}
[data-duzen="telefon"] .bugun-eylem{grid-area:eylem;margin-top:12px;justify-self:end}
[data-duzen="telefon"] .bugun-eylem .btn{width:auto;min-width:148px;height:44px;border-radius:4px}
[data-duzen="telefon"] .bugun-satir.late{padding-top:14px;padding-bottom:16px}
[data-duzen="telefon"] .bugun-satir.late .bugun-konu h3{font-size:17px}
[data-duzen="telefon"] .bugun-satir.late .bugun-tutar{font-size:21px}
[data-duzen="telefon"] .bugun-alt{grid-template-columns:minmax(0,1fr);gap:0;margin-top:16px}
[data-duzen="telefon"] .bugun-alt>.kart+.kart{margin-top:16px}
[data-duzen="telefon"] .bugun-mt thead{display:none}
[data-duzen="telefon"] .bugun-mt tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:10px 0;border-top:1px solid var(--hair)}
[data-duzen="telefon"] .bugun-mt tr:first-child{border-top:0}
[data-duzen="telefon"] .bugun-mt td{padding:0;border:0}
[data-duzen="telefon"] .bugun-mt td:first-child{width:auto}
[data-duzen="telefon"] .bugun-mt td:nth-child(2){grid-column:1 / -1;grid-row:2;margin-top:2px;font-size:14px;color:var(--ink-2)}
[data-duzen="telefon"] .bugun-mt td:nth-child(3){grid-column:2;grid-row:1}

/* Tahsilat, ödeme, virman ve evrak pencerelerinin ortak biçimi (.tahsilat-dlg, bugun-ro/bul/dag/…) para-pencere.css'te. */