/* Faturalar: liste, düzenleyici, önizle, ayrıntı, alış (Task 13; maket tasarim/v3/fatura.html).
   Kısa ortak adlar (.kart .satir .chip .seg .g2 .drm .tut .pp) yuzey.css'te; burada her seçici bir fatura kökü ya da
   penceresiyle kapsanır: .fatura-bas (ekran başlığı), .fatura-liste, .fatura-duzen (düzenleyici ve alış girişi),
   .fatura-onizle, .fatura-ayrinti, .fatura-kart-dlg / .fatura-iptal-dlg / .fatura-seri-dlg (pencereler).
   Telefon kuralları .kabuk[data-duzen="telefon"] ile; yazdırmada yalnız A4 basılır (K16). Hareket yok. */

/* ---------- ortak: başlık, alan yardımı, tutar hücreleri ---------- */
.fatura-bas .fatura-live{margin:0 0 2px;text-align:right;font-size:14px;line-height:1.5;color:var(--steel)}
.fatura-bas .fatura-live .st{font-size:15px;font-weight:600;color:var(--ink)}
.fatura-bas .fatura-ozet-t{display:none}
:is(.fatura-duzen,.fatura-onizle,.fatura-ayrinti,.fatura-kart-dlg) .fld-h{display:block;margin-top:6px;font-size:14px;line-height:1.45;color:var(--ink-2)}
:is(.fatura-duzen,.fatura-onizle,.fatura-ayrinti) .fld{margin-top:0}
:is(.fatura-duzen,.fatura-onizle,.fatura-ayrinti) .inp{height:44px;font-size:15px}
:is(.fatura-duzen,.fatura-ayrinti,.fatura-kart-dlg) select.inp{appearance:none;-webkit-appearance:none;padding-right:34px;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2314212B' stroke-width='1.6'/%3E%3C/svg%3E") right 12px center/11px 7px no-repeat;cursor:pointer}
:is(.fatura-duzen,.fatura-iptal-dlg) textarea.inp{height:auto;min-height:68px;padding:10px 12px;line-height:1.5;resize:vertical}
:is(.fatura-duzen,.fatura-onizle,.fatura-ayrinti) .form-hata:empty{display:none}

/* ---------- liste ---------- */
.fatura-liste .fatura-tbar{flex-wrap:wrap;row-gap:12px;gap:12px 20px}
.fatura-liste .fatura-tabs{display:inline-grid;grid-auto-flow:column;border:1px solid rgba(255,255,255,.26);border-radius:var(--r);overflow:hidden}
.fatura-liste .fatura-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border:0;border-left:1px solid rgba(255,255,255,.18);background:none;font-size:14px;font-weight:600;color:var(--yz-kasa-yazi);cursor:pointer}
.fatura-liste .fatura-tabs button:first-child{border-left:0}
.fatura-liste .fatura-tabs button:hover{background:rgba(255,255,255,.07);color:var(--white)}
.fatura-liste .fatura-tabs button[aria-current]{background:var(--white);color:var(--ink)}
.fatura-liste .fatura-tabs button:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--ink),inset 0 0 0 4px var(--white)}
.fatura-liste .fatura-tabs .nb{height:20px;padding:0 7px;border-radius:10px;background:rgba(255,255,255,.16);color:var(--white);font-size:13px;font-weight:600;line-height:20px}
.fatura-liste .fatura-tabs button[aria-current] .nb{background:var(--ink);color:var(--white)}
.fatura-liste .fatura-qf{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fatura-liste .fatura-qf .chip{border-color:rgba(255,255,255,.26);background:none;color:var(--white)}
.fatura-liste .fatura-qf .chip span{color:var(--yz-plaka-yazi)}
.fatura-liste .fatura-qf .chip:hover{border-color:var(--white)}
.fatura-liste .fatura-qf .chip[aria-pressed="true"]{background:var(--white);border-color:var(--white);color:var(--ink)}
.fatura-liste .fatura-qf .chip[aria-pressed="true"] span{color:var(--steel)}
.fatura-liste .fatura-qf .chip:focus-visible{outline:0;box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--white)}
.fatura-liste .fatura-srch{position:relative;flex:0 1 320px;margin-left:auto}
.fatura-liste .fatura-srch svg{position:absolute;left:12px;top:50%;width:16px;height:16px;margin-top:-8px;fill:none;stroke:var(--yz-plaka-yazi);stroke-width:1.8;pointer-events:none}
.fatura-liste .fatura-srch .inp{height:36px;padding-left:38px;font-size:14px;border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.06);color:var(--white)}
.fatura-liste .fatura-srch .inp::placeholder{color:var(--yz-plaka-yazi);opacity:1}
.fatura-liste .fatura-srch .inp:focus{border-color:var(--white);box-shadow:0 0 0 1px var(--white)}

.fatura-liste>.fatura-ft{width:calc(100% + 2 * var(--yz-kp));margin:0 calc(-1 * var(--yz-kp))}
.fatura-liste .fatura-ft{table-layout:fixed;border-collapse:collapse;font-size:14px;line-height:1.4}
.fatura-liste .fatura-ft th{padding:14px 14px 10px 0;border-bottom:1px solid var(--line);text-align:left;font-size:13px;font-weight:600;color:var(--steel);white-space:nowrap}
.fatura-liste .fatura-ft :is(th,td):first-child{padding-left:var(--yz-kp)}
.fatura-liste .fatura-ft :is(th,td):last-child{padding-right:var(--yz-kp)}
.fatura-liste .fatura-ft .r{text-align:right}
.fatura-liste .fatura-ft tbody td{padding:13px 14px 13px 0;border-bottom:1px solid var(--hair);vertical-align:top;color:var(--ink-2);overflow-wrap:anywhere}
.fatura-liste .fatura-ft tbody tr{cursor:pointer}
.fatura-liste .fatura-ft td small{display:block;margin-top:2px;font-size:13px;color:var(--steel)}
.fatura-liste .fatura-srt{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--ink);cursor:pointer}
.fatura-liste .fatura-srt svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.8}
.fatura-liste .fatura-srt.artan svg{transform:rotate(180deg)}
.fatura-liste .fatura-srt:focus-visible{outline:0;box-shadow:0 0 0 2px var(--ink);border-radius:2px}
.fatura-liste .fatura-no{font-weight:600;color:var(--ink);white-space:nowrap;text-decoration:none;font-variant-numeric:tabular-nums}
.fatura-liste .fatura-no span{font-weight:400;color:var(--steel)}
.fatura-liste tr:hover .fatura-no{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.fatura-liste .fatura-ft .cr{font-weight:600;color:var(--ink)}
.fatura-liste .fatura-ft .fatura-amt{font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap}
.fatura-liste .fatura-ft .od .st{font-weight:600;color:var(--ink)}
.fatura-liste .fatura-ft .od .drm small{font-size:13px}
.fatura-liste .fatura-ft .eb{color:var(--ink)}
.fatura-liste .fatura-ft .eb-k{display:none}
.fatura-liste .fatura-ft tfoot td{padding:9px 14px 9px 0;vertical-align:baseline;border:0}
.fatura-liste .fatura-ft tfoot tr:first-child td{padding-top:16px;border-top:1px solid var(--line)}
.fatura-liste .fatura-ft tfoot tr:last-child td{padding-bottom:16px}
.fatura-liste .fatura-ft .fl{text-align:right;font-weight:600;color:var(--ink-2)}
.fatura-liste .fatura-ft .fc{font-size:14px;color:var(--steel)}
.fatura-liste .fatura-ft tfoot .st{font-weight:500;color:var(--ink-2);white-space:normal}
/* tevkifat satırı (B12): Toplam − Tevkifat = Ödendi + Açık */
.fatura-liste .fatura-ft tfoot .fatura-tev-t small{font-size:14px;color:var(--steel)}
.fatura-liste .fatura-bos{padding:28px 0 26px;font-size:15px;color:var(--steel)}

/* ---------- düzenleyici ---------- */
.fatura-duzen{margin-top:4px}
.fatura-duzen .fatura-src .kart-bas h2{font-size:16px}
.fatura-duzen .fatura-src-b{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 40px;align-items:center;padding:16px 0 14px}
.fatura-duzen .fatura-src-b>p{font-size:15px;line-height:1.5;color:var(--ink-2)}
.fatura-duzen .fatura-hk{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,auto);margin:0;padding:0;list-style:none}
.fatura-duzen .fatura-hk li{padding:2px 22px;border-left:1px solid var(--line);font-size:14px;line-height:1.45;color:var(--ink-2)}
.fatura-duzen .fatura-hk b{display:block;font-weight:600;color:var(--ink)}
.fatura-duzen .fatura-hk .tut{display:block;font-size:15px;font-weight:600;color:var(--ink)}
.fatura-duzen .fatura-hk small{display:block;font-size:13px;color:var(--steel)}
.fatura-duzen .fatura-hk .is-now{padding-left:20px;border-left:3px solid var(--ink)}
.fatura-duzen .fatura-hk .is-now small{font-weight:600;color:var(--ink)}

.fatura-duzen .fatura-ed2{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch}
.fatura-duzen .fatura-ed2>.kart{padding-bottom:22px}
.fatura-duzen .fatura-alici .fatura-cn{margin-top:16px;font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-.01em}
.fatura-duzen .fatura-kv{display:grid;grid-template-columns:112px minmax(0,1fr);gap:6px 12px;margin:12px 0 0;font-size:15px;line-height:1.45}
.fatura-duzen .fatura-kv dt{color:var(--steel)}
.fatura-duzen .fatura-kv dd{margin:0;color:var(--ink)}
.fatura-duzen .fatura-route{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;margin-top:18px;padding:12px 14px;background:var(--base);border-radius:var(--r);font-size:14px;line-height:1.45;color:var(--ink-2)}
.fatura-duzen .fatura-route svg{width:20px;height:20px;fill:none;stroke:var(--ok);stroke-width:1.8}
.fatura-duzen .fatura-route b{display:block;font-size:15px;font-weight:600;color:var(--ink)}
.fatura-duzen .fatura-cbal{margin-top:14px;font-size:14px;color:var(--ink-2)}
.fatura-duzen .fatura-cbal b{font-weight:600;color:var(--ink);white-space:nowrap}
.fatura-duzen .fatura-cbal .lnk{margin-left:10px;color:var(--ink)}
.fatura-duzen .fatura-cs{position:relative;margin-top:16px}
.fatura-duzen .fatura-cs-l{margin-top:16px}
.fatura-duzen .fatura-alici>.lnk{margin-top:10px}

.fatura-duzen .fatura-fb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 16px;margin-top:16px}
.fatura-duzen .fatura-span3{grid-column:1 / -1;min-width:0;margin:0;padding:0;border:0}
.fatura-duzen .fatura-span3 legend{padding:0}
.fatura-duzen .fatura-vt{margin-top:8px}
.fatura-duzen .fld-h.fatura-hatali{color:var(--fault)}
.fatura-duzen .fatura-sc{display:flex;align-items:center;gap:20px}
.fatura-duzen .fatura-sc .seg{flex:none}
.fatura-duzen .fatura-sc .seg span{height:44px;padding:0 22px;font-size:15px}
.fatura-duzen .fatura-sc p{max-width:34em;font-size:14px;line-height:1.45;color:var(--ink-2)}

.fatura-duzen .fatura-kal{margin-top:20px}
.fatura-duzen .fatura-kl{width:100%;table-layout:fixed;border-collapse:collapse;font-size:15px;line-height:1.4}
.fatura-duzen .fatura-kl th{padding:14px 8px 8px 0;text-align:left;font-size:13px;font-weight:600;color:var(--steel);white-space:nowrap}
.fatura-duzen .fatura-kl td{padding:8px 8px 8px 0;border-top:1px solid var(--hair);vertical-align:top}
.fatura-duzen .fatura-kl :is(th,td):last-child{padding-right:0}
.fatura-duzen .fatura-kl .r{text-align:right}
.fatura-duzen .fatura-kl .ix{padding-top:18px;font-size:14px;color:var(--steel)}
.fatura-duzen .fatura-kl .fatura-amt{padding-top:17px;font-weight:600;white-space:nowrap}
.fatura-duzen .fatura-kl .sub{display:block;margin-top:5px;font-size:13px;line-height:1.35;font-weight:500;color:var(--steel);white-space:normal}
.fatura-duzen .fatura-kl .fatura-amt .sub{text-align:right}
.fatura-duzen .fatura-kl tfoot td{padding-top:14px;border-top:1px solid var(--line)}
.fatura-duzen .fatura-kl-f{display:flex;align-items:center;gap:20px}
.fatura-duzen .fatura-ci{display:block;width:100%;height:40px;padding:0 10px;border:1px solid var(--hair);border-radius:var(--r);background:var(--white);font-size:15px;color:var(--ink)}
.fatura-duzen .fatura-ci:hover{border-color:var(--field)}
.fatura-duzen .fatura-ci:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.fatura-duzen .fatura-ci[aria-invalid]{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}
.fatura-duzen input.fatura-ci{font-variant-numeric:lining-nums proportional-nums}  /* tnum ayırıcıları açar: 162 . 000 */
.fatura-duzen input.fatura-ci.r{text-align:right}
.fatura-duzen .fatura-kal>.kart-bas .meta{color:var(--yz-plaka-yazi)}
.fatura-duzen .fatura-ci::placeholder{color:var(--field)}
.fatura-duzen select.fatura-ci{appearance:none;-webkit-appearance:none;padding-right:26px;background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2314212B' stroke-width='1.6'/%3E%3C/svg%3E") right 9px center/10px 6px no-repeat;cursor:pointer}
.fatura-duzen .fatura-kh{margin-top:5px;font-size:13px;line-height:1.35;color:var(--fault)}
.fatura-duzen .fatura-yok{color:var(--steel)}
.fatura-duzen .fatura-del{display:flex;align-items:center;justify-content:center;width:32px;height:40px;padding:0;border:0;border-radius:var(--r);background:none;color:var(--steel);cursor:pointer}
.fatura-duzen .fatura-del:hover{background:var(--base);color:var(--ink)}
.fatura-duzen .fatura-del:focus-visible{outline:0;box-shadow:0 0 0 2px var(--ink)}
.fatura-duzen .fatura-del svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}

/* birleşik kutu (kart önerisi, alıcı araması) */
.fatura-duzen .fatura-ta{position:relative}
.fatura-duzen .fatura-ta-pop{position:absolute;z-index:5;top:46px;left:0;width:min(620px,calc(100vw - 48px));padding:6px 0;background:var(--white);border-radius:4px;box-shadow:0 14px 32px rgba(20,33,43,.16),0 0 0 1px var(--line)}
.fatura-duzen .fatura-cs .fatura-ta-pop{width:100%}
.fatura-duzen .fatura-ta-h{display:flex;justify-content:space-between;gap:16px;padding:6px 14px 8px;font-size:13px;font-weight:600;color:var(--steel)}
.fatura-duzen .fatura-ta-h span:last-child{font-weight:500}
.fatura-duzen .fatura-ta-o{display:grid;grid-template-columns:minmax(0,1fr) 40px 96px 72px;align-items:baseline;gap:12px;padding:11px 14px;font-size:15px;color:var(--ink);cursor:pointer}
.fatura-duzen .fatura-cs .fatura-ta-o{grid-template-columns:minmax(0,1fr) auto}
.fatura-duzen .fatura-ta-o[aria-selected="true"]{background:var(--base);box-shadow:inset 3px 0 0 var(--ink)}
.fatura-duzen .fatura-ta-o .nm{font-weight:500}
.fatura-duzen .fatura-ta-o mark{background:none;color:inherit;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.fatura-duzen .fatura-ta-o .r{text-align:right;font-weight:600}
.fatura-duzen .fatura-ta-o :is(.u,.v){font-size:14px;color:var(--ink-2)}
.fatura-duzen .fatura-ta-x{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:6px;padding:6px 14px 4px;border-top:1px solid var(--hair);font-size:14px}
.fatura-duzen .fatura-ta-e{padding:4px 0;font-weight:600;color:var(--ink-2);cursor:pointer}
.fatura-duzen .fatura-ta-e:hover,.fatura-duzen .fatura-ta-e[aria-selected="true"]{color:var(--ink);text-decoration:underline;text-underline-offset:3px}

.fatura-duzen .fatura-edb{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:56px;margin-top:20px;padding:24px 0 22px;border-top:1px solid var(--hair)}
.fatura-duzen .fatura-edl>*+*{margin-top:22px}
.fatura-duzen .fatura-tev{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:14px 16px;border:1px solid var(--hair);border-radius:var(--r)}
.fatura-duzen .fatura-tev>svg{width:16px;height:16px;fill:none;stroke:var(--ink);stroke-width:1.8}
.fatura-duzen .fatura-tev .k{font-size:15px;font-weight:600}
.fatura-duzen .fatura-tev>p{grid-column:2;font-size:14px;line-height:1.45;color:var(--ink-2)}
.fatura-duzen .fatura-tev>.btn{grid-row:1 / span 2;grid-column:3}
.fatura-duzen .fatura-tev.acik>svg{transform:rotate(90deg)}
.fatura-duzen .fatura-tev.acik>.fatura-tev-a{grid-column:2 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.fatura-duzen .fatura-tev.acik>p{grid-column:2 / -1}
.fatura-duzen .fatura-tev.acik>.lnk{grid-column:2;justify-self:start;font-size:14px}
.fatura-duzen .fatura-tt,.fatura-ayrinti .fatura-ay-tt{margin:0;font-size:15px;line-height:1.4}
.fatura-duzen .fatura-tt>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:24px;padding:10px 0;border-top:1px solid var(--hair)}
.fatura-duzen .fatura-tt>div:first-child{padding-top:4px;border-top:0}
.fatura-duzen .fatura-tt dt{color:var(--ink-2)}
.fatura-duzen .fatura-tt dt small{margin-left:6px;font-size:13px;color:var(--steel)}
.fatura-duzen .fatura-tt dd{margin:0;font-weight:600;text-align:right;white-space:nowrap;color:var(--ink)}
.fatura-duzen .fatura-tt .mt :is(dt,dd){font-weight:600;color:var(--ink)}
.fatura-duzen .fatura-tt .gt{margin-top:6px;padding-top:16px;border-top:2px solid var(--ink)}
.fatura-duzen .fatura-tt .gt dt{font-size:16px;font-weight:700;color:var(--ink)}
.fatura-duzen .fatura-tt .gt dt small{display:block;margin:2px 0 0;font-size:14px;font-weight:500}
.fatura-duzen .fatura-tt .gt dd{font-size:30px;line-height:1.05;font-weight:700;letter-spacing:-.02em}
.fatura-duzen .fatura-tt-n{margin-top:8px;font-size:13px;color:var(--fault)}
:is(.fatura-duzen,.fatura-ayrinti) .fatura-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}
.fatura-duzen .fatura-act>.meta{margin-left:auto;max-width:22em;text-align:right}
.fatura-duzen .fatura-act>.fatura-tiptal{margin-left:12px}
.fatura-duzen .fatura-uyari:not(:empty){margin-top:16px}

/* alış girişi */
.fatura-duzen .fatura-fb2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fatura-duzen .fatura-span2{grid-column:1 / -1}
.fatura-duzen .fatura-fb1{grid-template-columns:minmax(0,1fr)}
.fatura-duzen .fatura-dosya{height:auto;padding:9px 12px;font-size:14px}
.fatura-duzen .fatura-edb-alis{grid-template-columns:minmax(0,1fr) 360px}

/* ---------- önizle: menü çekilir, koyu üst şerit, A4 + karar kartı ---------- */
.yz-a .kabuk[data-duzen="panel"]:has(.fatura-onizle){grid-template-columns:minmax(0,1fr)}
.yz-a .kabuk[data-duzen="panel"]:has(.fatura-onizle)>.pn-side{display:none}
.yz-a .kabuk[data-duzen="panel"]:has(.fatura-onizle) .pn-main{padding:0}
.fatura-onizle .fatura-pv-top{display:flex;align-items:center;gap:28px;min-height:68px;padding:0 40px;background:var(--ink);color:var(--white)}
.fatura-onizle .fatura-pv-wm{display:inline-flex;color:var(--white);text-decoration:none;border-radius:var(--r)}
.fatura-onizle .fatura-pv-wm .wm{color:var(--white)}
.fatura-onizle .fatura-pv-wm .wm-logo{height:30px}
.fatura-onizle .fatura-pv-wm .wm-sub{font-size:14px;color:var(--yz-kasa-soluk)}
.fatura-onizle .fatura-trail{display:flex;align-items:center;gap:10px;padding-left:28px;border-left:1px solid var(--yz-kasa-cizgi);font-size:15px;color:var(--yz-kasa-yazi)}
.fatura-onizle .fatura-trail a{color:var(--yz-kasa-yazi);text-decoration:none}
.fatura-onizle .fatura-trail a:hover{color:var(--white);text-decoration:underline;text-underline-offset:4px}
.fatura-onizle .fatura-trail svg{width:12px;height:12px;fill:none;stroke:var(--yz-kasa-soluk);stroke-width:1.8}
.fatura-onizle .fatura-pv-top h1{margin-left:-18px;font-size:15px;line-height:1.3;font-weight:600;letter-spacing:0;color:var(--white)}
.fatura-onizle .fatura-pv-top>.st{margin-left:auto;font-size:15px;font-weight:600}
.fatura-onizle .fatura-pv-top>.st::before{background:var(--yz-kasa-soluk)}
.fatura-onizle .fatura-pv-top a:focus-visible{outline:0;box-shadow:0 0 0 2px var(--ink),0 0 0 4px var(--white)}
.fatura-onizle .fatura-pv-top h1:focus{outline:0}
.fatura-onizle .fatura-pv-body{display:grid;grid-template-columns:minmax(0,794px) minmax(320px,440px);justify-content:center;align-items:start;gap:48px;padding:40px 40px 64px}
.fatura-onizle .fatura-cf{margin:0;padding-bottom:28px}
.fatura-onizle .fatura-cf-lead{margin-top:18px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.fatura-onizle .fatura-cf-lead b{display:block;margin-bottom:4px;font-size:16px;font-weight:600;color:var(--ink)}
.fatura-onizle :is(.fatura-cf-kv,.fatura-cf-bal){margin:20px 0 0;font-size:15px;line-height:1.4}
.fatura-onizle :is(.fatura-cf-kv,.fatura-cf-bal)>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--hair)}
.fatura-onizle :is(.fatura-cf-kv,.fatura-cf-bal) dt{color:var(--steel)}
.fatura-onizle :is(.fatura-cf-kv,.fatura-cf-bal) dd{margin:0;font-weight:600;color:var(--ink)}
.fatura-onizle .fatura-cf-kv dd small{display:block;font-size:14px;font-weight:500;color:var(--steel)}
.fatura-onizle .fatura-cf h3{margin-top:24px;font-size:15px;font-weight:600}
.fatura-onizle .fatura-cf-bal{margin-top:6px}
.fatura-onizle .fatura-cf-bal dd{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.fatura-onizle .fatura-cf-bal .g{border-top:1.5px solid var(--ink)}
.fatura-onizle .fatura-cf-bal .g dt{font-weight:600;color:var(--ink)}
.fatura-onizle .fatura-cf-bal .g dd{font-size:20px;font-weight:700;letter-spacing:-.01em}
.fatura-onizle .fatura-cf-not{margin-top:16px;padding-top:14px;border-top:1px solid var(--hair);font-size:14px;line-height:1.5;color:var(--ink-2)}
.fatura-onizle .fatura-dis{display:grid;gap:14px;margin-top:20px;padding-top:18px;border-top:1px solid var(--hair)}
.fatura-onizle .fatura-k1{padding:12px 14px;background:var(--base);border-left:3px solid var(--wait);font-size:14px;line-height:1.5;color:var(--ink)}
.fatura-onizle .fatura-cf .form-hata{margin-top:16px}
.fatura-onizle .fatura-cf .btn-red{margin-top:24px;height:48px;font-size:16px}
.fatura-onizle .fatura-cf .btn-line{margin-top:8px}
.fatura-onizle .fatura-cf .fatura-cf-not+.btn-line{margin-top:16px}

/* A4 belge (önizle ve ayrıntının yazdırma görünümü) */
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4{display:flex;flex-direction:column;width:100%;max-width:794px;min-height:1123px;padding:56px 56px 48px;background:var(--white);box-shadow:0 0 0 1px var(--line),0 2px 6px rgba(20,33,43,.06);font-size:12.5px;line-height:1.5;color:var(--ink)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4 b{font-weight:600}
/* Rakam yalnız sayı hücresinde eşit genişlikte (tnum "," ve "."yı da açar; metin hücresinde "genişletme , 3 ." olur). */
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4 :is(.r,.fatura-a4-tt td){font-variant-numeric:tabular-nums lining-nums}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-h{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;padding-bottom:24px;border-bottom:1.5px solid var(--ink)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-sel .wm{margin-bottom:16px}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-sel .wm-logo{height:52px}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-sel p{color:var(--ink-2)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-sel p:first-of-type{font-size:13.5px;color:var(--ink)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-ty{display:grid;grid-template-columns:auto 84px;gap:16px;align-items:start;text-align:right}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-t{font-size:24px;line-height:1.1;font-weight:700;letter-spacing:-.02em}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-ty p+p{margin-top:4px;color:var(--ink-2)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-qr{display:flex;align-items:center;justify-content:center;width:84px;height:84px;padding:8px;border:1px dashed var(--field);font-size:11px;line-height:1.3;text-align:center;color:var(--steel)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-mid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;padding:22px 0 26px}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-l{margin-bottom:4px;font-size:11.5px;font-weight:600;color:var(--steel)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-by p{color:var(--ink-2)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-by p:nth-of-type(2){font-size:13.5px;color:var(--ink)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-in{width:100%;border-collapse:collapse;border:1px solid var(--line)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-in :is(th,td){padding:5px 10px;border-top:1px solid var(--hair);text-align:left;vertical-align:baseline}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-in tr:first-child :is(th,td){border-top:0}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-in th{width:104px;font-weight:500;color:var(--steel);white-space:nowrap}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-in td{font-weight:600;overflow-wrap:anywhere}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-in td small{display:block;font-size:11px;font-weight:500;color:var(--steel)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-in .pend{font-weight:500;color:var(--steel)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-ln{width:100%;border-collapse:collapse}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-ln th{padding:7px 8px;background:var(--base);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11.5px;font-weight:600;text-align:left;color:var(--ink-2);white-space:nowrap}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-ln td{padding:9px 8px;border-bottom:1px solid var(--hair);vertical-align:top}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-ln .r{text-align:right;white-space:nowrap}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-ln :is(th,td):first-child{width:30px;padding-left:8px;color:var(--steel)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-ln small{display:block;font-size:11.5px;color:var(--steel)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-ln .fatura-a4-oz{display:none}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-bt{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;margin-top:20px}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-nt p{color:var(--ink-2)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-nt p+p{margin-top:10px}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-nt b{display:block;color:var(--ink)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-tt{width:100%;border-collapse:collapse}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-tt :is(th,td){padding:5px 0;text-align:left;vertical-align:baseline}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-tt th{font-weight:500;color:var(--ink-2)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-tt td{text-align:right;font-weight:600;white-space:nowrap}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-tt .g :is(th,td){padding-top:10px;border-top:1.5px solid var(--ink);font-size:15px;font-weight:700;color:var(--ink)}
:is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-ft{margin-top:auto;padding-top:20px;border-top:1px solid var(--hair);font-size:11.5px;color:var(--steel)}

/* ---------- ayrıntı ---------- */
.fatura-ayrinti{margin-top:4px}
.fatura-ayrinti .fatura-bant{display:grid;gap:4px;margin-bottom:20px;padding:16px 20px;background:var(--white);border:1px solid var(--yz-kenar);border-left:3px solid var(--wait);border-radius:var(--yz-r);font-size:15px;line-height:1.5;color:var(--ink-2)}
.fatura-ayrinti .fatura-bant>b{font-size:16px;font-weight:600;color:var(--ink)}
.fatura-ayrinti .fatura-bant-iptal{border-left-color:var(--steel)}
.fatura-ayrinti .fatura-bant-e{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-top:10px}
.fatura-ayrinti .fatura-bant-e .fld{flex:1 1 320px;max-width:520px}
.fatura-ayrinti .fatura-bant .form-hata:not(:empty){margin-top:10px}
.fatura-ayrinti .fatura-ay{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.fatura-ayrinti .fatura-ay-sol>.kart+.kart,.fatura-ayrinti .fatura-ay-sag>.kart+.kart{margin-top:20px}
.fatura-ayrinti .fatura-grp>.fatura-grp-a h2{font-size:30px;line-height:1.1;letter-spacing:-.02em}
.fatura-ayrinti .fatura-grp>.fatura-grp-a .end{font-size:14px;color:var(--yz-plaka-yazi)}
.fatura-ayrinti .fatura-grp-m{margin-top:14px;font-size:15px;line-height:1.5;color:var(--ink-2)}
.fatura-ayrinti .fatura-adim{margin:8px 0 10px;padding:0;list-style:none}
.fatura-ayrinti .fatura-adim li{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:9px 0;font-size:14px;line-height:1.4;color:var(--ink-2)}
.fatura-ayrinti .fatura-adim li::before{content:"";width:12px;height:12px;margin:3px 0 0 4px;border:1.5px solid var(--field);border-radius:50%;background:var(--white)}
.fatura-ayrinti .fatura-adim li:not(:last-child)::after{content:"";position:absolute;left:9.25px;top:26px;bottom:-6px;width:1.5px;background:var(--hair)}
.fatura-ayrinti .fatura-adim .is-ok::before{border-color:var(--ok);background:var(--ok)}
.fatura-ayrinti .fatura-adim .is-wait::before{border-color:var(--wait)}
.fatura-ayrinti .fatura-adim .is-fault::before{border-color:var(--fault);background:var(--fault)}
.fatura-ayrinti .fatura-adim b{display:block;font-size:15px;font-weight:600;color:var(--ink)}
.fatura-ayrinti .fatura-bak>.kart-bas .end b{font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.fatura-ayrinti .fatura-bak>.lnk{display:inline-block;margin:12px 0 10px;font-size:14px}
.fatura-ayrinti .fatura-od{padding:14px 0 4px}
.fatura-ayrinti .fatura-od .st{font-weight:600;color:var(--ink)}
.fatura-ayrinti .fatura-es{margin:6px 0 0;padding:0;list-style:none}
.fatura-ayrinti .fatura-es li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--hair);font-size:14px;color:var(--ink-2)}
.fatura-ayrinti .fatura-es b{font-weight:600;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.fatura-ayrinti .fatura-odeme>.meta{padding:6px 0 10px}
.fatura-ayrinti .fatura-ettn{margin-top:14px;font-size:13px;line-height:1.45;color:var(--steel);overflow-wrap:anywhere}
.fatura-ayrinti .fatura-ay-kl{width:100%;margin-top:6px;border-collapse:collapse;font-size:14px;line-height:1.4}
.fatura-ayrinti .fatura-ay-kl th{padding:12px 12px 8px 0;text-align:left;font-size:13px;font-weight:600;color:var(--steel);border-bottom:1px solid var(--line);white-space:nowrap}
.fatura-ayrinti .fatura-ay-kl td{padding:10px 12px 10px 0;border-bottom:1px solid var(--hair);vertical-align:top;color:var(--ink);overflow-wrap:anywhere}
.fatura-ayrinti .fatura-ay-kl :is(th,td):last-child{padding-right:0}
.fatura-ayrinti .fatura-ay-kl .r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.fatura-ayrinti .fatura-ay-kl td small{display:block;font-size:13px;color:var(--steel)}
.fatura-ayrinti .fatura-ay-tt{max-width:340px;margin:8px 0 12px auto}
.fatura-ayrinti .fatura-ay-tt>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:6px 0}
.fatura-ayrinti .fatura-ay-tt dt{color:var(--ink-2)}
.fatura-ayrinti .fatura-ay-tt dd{margin:0;font-weight:600;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.fatura-ayrinti .fatura-ay-tt .gt{border-top:1.5px solid var(--ink);padding-top:10px}
.fatura-ayrinti .fatura-ay-tt .gt :is(dt,dd){font-weight:700;color:var(--ink)}
.fatura-ayrinti .fatura-act>.fatura-iptal{margin-left:auto}
.fatura-ayrinti .fatura-yazdir{display:none}

/* ---------- telefon ---------- */
.kabuk[data-duzen="telefon"] .fatura-bas .fatura-ozet-m{display:none}
.kabuk[data-duzen="telefon"] .fatura-bas .fatura-ozet-t{display:inline}
.kabuk[data-duzen="telefon"] .fatura-bas:has(.fatura-yeni){display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h e" "p p";align-items:center;gap:6px 12px}
.kabuk[data-duzen="telefon"] .fatura-bas:has(.fatura-yeni)>div:first-child{display:contents}
.kabuk[data-duzen="telefon"] .fatura-bas:has(.fatura-yeni) h1{grid-area:h}
.kabuk[data-duzen="telefon"] .fatura-bas:has(.fatura-yeni) p{grid-area:p;margin-top:0}
.kabuk[data-duzen="telefon"] .fatura-bas:has(.fatura-yeni)>.end{grid-area:e;flex-basis:auto;margin-left:0}
.kabuk[data-duzen="telefon"] .fatura-bas .fatura-excel{display:none}
.kabuk[data-duzen="telefon"] .fatura-bas .fatura-yeni{height:40px;border-radius:4px;font-size:15px}
.kabuk[data-duzen="telefon"] .fatura-bas .fatura-live{text-align:left}

.kabuk[data-duzen="telefon"] .fatura-liste .fatura-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-tabs button{height:40px;font-size:15px}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-srch{flex:1 1 100%;margin-left:0}
.kabuk[data-duzen="telefon"] .fatura-liste>.fatura-ft{table-layout:auto}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft :is(colgroup,thead){display:none}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft :is(tbody,tfoot,tr,td){display:block}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tr.fatura-satir{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;margin:0;padding:12px var(--yz-kp) 13px;border-bottom:1px solid var(--hair)}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tr.fatura-satir>td{padding:0;border:0}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tr.fatura-satir>:is(.tr,.vd){display:none}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tr.fatura-satir>.no{position:static}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft .fatura-no{position:absolute;inset:0;z-index:1;overflow:hidden;font-size:0;color:transparent;border-radius:0}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft .fatura-no:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--ink)}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tr.fatura-satir>.cr{grid-column:1;grid-row:1;font-size:16px;line-height:1.3}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tr.fatura-satir>.fatura-amt{grid-column:2;grid-row:1;font-size:16px;line-height:1.3}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tr.fatura-satir>.ac{grid-column:1 / -1;grid-row:2;overflow:hidden;font-size:14px;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tr.fatura-satir>.od{grid-column:1;grid-row:3;margin-top:5px}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tr.fatura-satir>.od .drm{flex-direction:row;align-items:baseline;gap:6px}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tr.fatura-satir>.od .drm small{padding-left:0;margin:0}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tr.fatura-satir>.od .btn{position:relative;z-index:2}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tr.fatura-satir>.eb{grid-column:2;grid-row:3;align-self:end;margin-top:5px;font-size:13px;color:var(--steel);text-align:right}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tr.fatura-satir>.eb :is(.eb-a,small){display:none}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tr.fatura-satir>.eb .eb-k{display:inline}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tr.fatura-satir.late{box-shadow:inset 4px 0 0 var(--fault)}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tr.satir.late>:first-child::before{content:none}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tfoot tr{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;padding:8px var(--yz-kp)}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tfoot tr:first-child{padding-top:14px;border-top:1px solid var(--line)}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tfoot tr:last-child{padding-bottom:16px}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tfoot td{padding:0;border:0}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tfoot td:empty{display:none}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tfoot .fc{flex:1 1 100%}
.kabuk[data-duzen="telefon"] .fatura-liste .fatura-ft tfoot .fl{text-align:left}

.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-src-b{grid-template-columns:minmax(0,1fr)}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-hk{grid-auto-flow:row;grid-auto-columns:auto;gap:8px}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-hk li{padding:2px 0 2px 14px}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-hk .is-now{padding-left:12px}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-ed2{grid-template-columns:minmax(0,1fr)}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-kv{grid-template-columns:96px minmax(0,1fr)}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-fb{grid-template-columns:minmax(0,1fr)}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-sc{flex-wrap:wrap;gap:10px}
/* "Kalemler 1" başlığı 360'ta yan notla sıkışıp kesiliyordu: not alt satıra iner (T18 fix 1) */
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-kal>.kart-bas{flex-wrap:wrap;row-gap:2px}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-kal>.kart-bas>.end{flex:1 1 100%;margin-left:0}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-kl :is(colgroup,thead){display:none}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-kl :is(tbody,tfoot,tr,td){display:block}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-kl tr.fatura-kr{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 10px;padding:14px 0;border-top:1px solid var(--hair)}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-kl tr.fatura-kr:first-child{border-top:0}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-kl tr.fatura-kr>td{padding:0;border:0}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-kl tr.fatura-kr>.ix{position:absolute;top:14px;left:0;font-size:13px}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-kl tr.fatura-kr>.ac{grid-column:1 / -1;padding:0 40px 0 22px}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-kl tr.fatura-kr>.sl{position:absolute;top:14px;right:0}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-kl tr.fatura-kr>[data-etiket]::before{content:attr(data-etiket);display:block;margin-bottom:4px;font-size:12px;font-weight:600;color:var(--steel)}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-kl tr.fatura-kr>.fatura-amt{align-self:end;padding-bottom:9px;text-align:right}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-kl tfoot td{padding-top:14px}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-kl-f{flex-wrap:wrap;gap:10px}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-ta-pop{width:calc(100vw - 64px)}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-ta-o{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-ta-o :is(.u,.v){grid-column:1}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-ta-o .r{grid-column:2;grid-row:1}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-edb{grid-template-columns:minmax(0,1fr);gap:24px}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-tev{grid-template-columns:20px minmax(0,1fr)}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-tev>.btn{grid-row:auto;grid-column:2;justify-self:start}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-tev.acik>.fatura-tev-a{grid-template-columns:minmax(0,1fr)}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-tt .gt dd{font-size:24px}
.kabuk[data-duzen="telefon"] :is(.fatura-duzen,.fatura-ayrinti) .fatura-act>.btn{flex:1 1 140px}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-act>.meta{flex:1 1 100%;order:3;margin-left:0;max-width:none;text-align:left}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-act>.fatura-tiptal{order:4;margin-left:0}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-fb2{grid-template-columns:minmax(0,1fr)}
.kabuk[data-duzen="telefon"] .fatura-duzen .fatura-kl-alis tr.fatura-kr>.ac{padding-left:0}

.kabuk[data-duzen="telefon"] .fatura-onizle .fatura-pv-top{flex-wrap:wrap;gap:6px 14px;margin:-24px -16px 0;padding:14px 16px}
.kabuk[data-duzen="telefon"] .fatura-onizle .fatura-pv-wm{display:none}
.kabuk[data-duzen="telefon"] .fatura-onizle .fatura-trail{padding-left:0;border-left:0;font-size:14px}
.kabuk[data-duzen="telefon"] .fatura-onizle .fatura-pv-top h1{margin-left:-8px;font-size:14px}
.kabuk[data-duzen="telefon"] .fatura-onizle .fatura-pv-top>.st{flex:1 1 100%;margin-left:0;font-size:14px}
.kabuk[data-duzen="telefon"] .fatura-onizle .fatura-pv-body{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px 0 0}
.kabuk[data-duzen="telefon"] :is(.fatura-onizle,.fatura-ayrinti) .fatura-a4{min-height:0;padding:22px 18px 20px;font-size:12px}
.kabuk[data-duzen="telefon"] :is(.fatura-onizle,.fatura-ayrinti) :is(.fatura-a4-h,.fatura-a4-mid,.fatura-a4-bt){grid-template-columns:minmax(0,1fr);gap:16px}
.kabuk[data-duzen="telefon"] :is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-ty{grid-template-columns:minmax(0,1fr) 72px;text-align:left}
.kabuk[data-duzen="telefon"] :is(.fatura-onizle,.fatura-ayrinti) .fatura-qr{width:72px;height:72px;font-size:10px}
/* A4 kalem tablosu telefonda: sıra, açıklama (altında miktar × fiyat, iskonto, KDV) ve tutar; gizli kaydırıcı yok (T18 fix 1).
   Yalnız ekranda: telefondan basılan PDF (düzen "telefon" kalır) yedi sütunun hepsini taşır. */
@media screen{
  .kabuk[data-duzen="telefon"] :is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-ln :is(th,td):nth-child(n+3):not(:last-child){display:none}
  .kabuk[data-duzen="telefon"] :is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-ln .fatura-a4-oz{display:block;margin-top:2px}
}
.kabuk[data-duzen="telefon"] :is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-in th{width:92px}
/* bakiye satırları: etiketler kısa (Şimdi, Bu fatura, Kesince); 360'ta 20 px "Kesince" tutarı 112 px etiket sütunuyla sığmıyordu (T18 fix 1) */
.kabuk[data-duzen="telefon"] .fatura-onizle .fatura-cf-bal>div{grid-template-columns:auto minmax(0,1fr)}
.kabuk[data-duzen="telefon"] .fatura-onizle .fatura-cf-bal dd{white-space:normal}

/* telefon sırası maketteki gibi: tutar ve belgenin yolu, bakiye, ödeme, ETTN; kalemler en altta */
.kabuk[data-duzen="telefon"] .fatura-ayrinti .fatura-ay{display:flex;flex-direction:column;align-items:stretch;gap:16px}
.kabuk[data-duzen="telefon"] .fatura-ayrinti :is(.fatura-ay-sol,.fatura-ay-sag){display:contents}
.kabuk[data-duzen="telefon"] .fatura-ayrinti .fatura-ay .kart{margin-top:0}
.kabuk[data-duzen="telefon"] .fatura-ayrinti .fatura-ay-kal{order:1}
.kabuk[data-duzen="telefon"] .fatura-ayrinti .fatura-ettn{margin-top:0}
.kabuk[data-duzen="telefon"] .fatura-ayrinti .fatura-grp>.fatura-grp-a h2{font-size:26px}
.kabuk[data-duzen="telefon"] .fatura-ayrinti .fatura-ay-kl thead{display:none}
.kabuk[data-duzen="telefon"] .fatura-ayrinti .fatura-ay-kl :is(tbody,tr,td){display:block}
.kabuk[data-duzen="telefon"] .fatura-ayrinti .fatura-ay-kl tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 0;border-bottom:1px solid var(--hair)}
.kabuk[data-duzen="telefon"] .fatura-ayrinti .fatura-ay-kl td{padding:0;border:0}
.kabuk[data-duzen="telefon"] .fatura-ayrinti .fatura-ay-kl td:first-child{grid-column:1 / -1}
.kabuk[data-duzen="telefon"] .fatura-ayrinti .fatura-ay-kl td.r{text-align:left;font-size:13px;color:var(--ink-2)}
.kabuk[data-duzen="telefon"] .fatura-ayrinti .fatura-ay-kl td.r::before{content:attr(data-etiket) " ";color:var(--steel)}
.kabuk[data-duzen="telefon"] .fatura-ayrinti .fatura-ay-tt{max-width:none}
.kabuk[data-duzen="telefon"] .fatura-ayrinti .fatura-act>.fatura-iptal{margin-left:0}

/* ---------- yazdırma (K16): yalnız A4 belge basılır ---------- */
@media print{
  @page{size:A4;margin:12mm}
  body:has(.fatura-onizle,.fatura-ayrinti){background:#fff}
  body:has(.fatura-onizle,.fatura-ayrinti) :is(.pn-side,.sekmeler,.atla,.iletiler,.cekmece,.pn-demo,.zil,.pn-head){display:none!important}
  body:has(.fatura-onizle,.fatura-ayrinti) .kabuk{display:block;background:#fff}
  body:has(.fatura-onizle,.fatura-ayrinti) .pn-main{max-width:none;margin:0;padding:0;background:#fff}
  body .kabuk[data-duzen] :is(.fatura-pv-top,.fatura-cf,.fatura-bant,.fatura-ay,.fatura-act){display:none!important}
  body .kabuk[data-duzen] .fatura-pv-body{display:block;padding:0;background:#fff}
  body .kabuk[data-duzen] .fatura-ayrinti .fatura-yazdir{display:block}
  body .kabuk[data-duzen] :is(.fatura-onizle,.fatura-ayrinti) .fatura-a4{max-width:none;min-height:0;padding:0;box-shadow:none;font-size:10pt}
  /* toplam sütunu 80 mm: "Ara toplam (iskonto öncesi)" ve "Genel toplam (KDV dahil)" tek satırda kalır (T18) */
  body .kabuk[data-duzen] :is(.fatura-onizle,.fatura-ayrinti) :is(.fatura-a4-h,.fatura-a4-mid,.fatura-a4-bt){grid-template-columns:minmax(0,1fr) 80mm}
  body .kabuk[data-duzen] :is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-ty{grid-template-columns:auto 22mm;text-align:right}
  /* karekod kutusu sütunu kadar: 84 px'lik kutu 22 mm'lik (83,15 px) sütundan 0,9 px taşıyordu (T18 fix 1) */
  body .kabuk[data-duzen] :is(.fatura-onizle,.fatura-ayrinti) .fatura-qr{width:22mm;height:22mm}
  body .kabuk[data-duzen] :is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-ln{display:table}
  :is(.fatura-onizle,.fatura-ayrinti) .fatura-a4-ln tr{break-inside:avoid}
}