/* ═══════════════════════════════════════════════════════════════════════════════════════════
   PETEK TEMASI (4. tema) — 24.10.2026
   ───────────────────────────────────────────────────────────────────────────────────────────
   Kullanıcı isteği (24.10.2026): kullanıcının referans görüntüsüne göre 4. tema; animasyon öteki temalardan
   fazla (sözün kendisi kural kaydında: ERP_MUHASEBE K-046).
   Esin: tarihî bir aksiyon oyununun 2. bölüm devamının ana menüsü — buz mavisi-beyaz oda, çapraz
   uzanan altıgen petek şeridi, şeridin seçili hücresi kömür, ince bağlantı çizgisinin ucunda boş halka
   (burada boş altıgen) ve BÜYÜK HARF etiket, seçili satır = kömür kutu + çelik mavisi sol çizgi, yarı
   saydam beyaz paneller ve taralı köşe. Ticari ad, logo, yazı tipi ya da görsel KULLANILMAZ; altıgen
   kafes, uç işaretleri ve pano şeridi (js/petek/petek-serit.js) bu tema için kodla çizilmiştir.

   KURALLAR:
     K-042  Parlayan LED oval / hap biçimli öğe YOK. Köşe keskin (en çok 2 px), çizgi ince.
     K-043  HATA yanıp sönen animasyonla ayrılır (1,6 sn, 3 kez, sonra sabit; hareket azaltmada sabit).
            Tablodaki eksi tutar gibi VERİ kırmızısı yanıp sönmez.
     K-045  Her tema aynı ölçütle ölçülür: eski renk yok, bulanık gölge yok, karşıtlık ≥ 4,5,
            yazı tavanı (GENEL K-213), taşma yok, teklif çıktısı ve giriş ekranı BİREBİR.
     K-046  Animasyon öteki temalardan FAZLA ama sakin; hareket azaltma açıkken hepsi durur.

   NASIL ÇALIŞIR: üst çubuktaki Tema menüsünden "Petek" seçilir → <html data-accent="petek">. Bu dosyadaki
   her kural o özniteliğe bağlıdır; seçilmezse HİÇBİR ŞEY değişmez. Açık/koyu ayrımı data-bs-theme ile.
   Giriş ekranı her zaman Modern'dir (data-tema="ac2"); bu dosya giriş ekranına dokunmaz (kurallar panel
   kabuğuna — .sayfa-kabugu — yazılır). Belge alanları (teklif çıktısı, fiş, önizleme, .tema-disi) temanın
   DIŞINDA tutulur (bölüm 16). 🔴 Dışlama :not(:where(…)) ile yazılır: :is(#teklif-sablonu …) kimlik özgüllüğü taşıyıp
   sonradan yazılan nokta düzeltmelerini eziyordu (uyarı türü rengi, etkin sekme yazısı, yardım simgesi — Lidertas 24.10.2026).
   Yapı Klasik temanın (tema-muhur.css) canlı ölçümle olgunlaşmış düzeneğidir.
   ═══════════════════════════════════════════════════════════════════════════════════════════ */

@media screen {

/* ═══ 1. RENK VE ÖLÇÜ DEĞİŞKENLERİ — AÇIK (buz odası) ═════════════════════════════════════
   Karşıtlıklar hesaplandı: ana yazı 11,2-12,7 · soluk 5,3-6,0 · çelik mavisi yazı 5,5-6,2 · durum yazıları ≥ 5,3. */
:root[data-accent="petek"] {
    color-scheme: light;
    --p-baslik-yazi: 'Saira Semi Condensed', 'Saira', 'Segoe UI', system-ui, sans-serif;
    --p-govde-yazi: 'Segoe UI', 'Segoe UI Variable Text', Selawik, Inter, system-ui, -apple-system, Roboto, Arial, sans-serif;

    --p-komur: #2B3136;          /* seçili kutu, başlık kutusu, birincil düğme */
    --p-komur-h: #1E2328;
    --p-komur-yazi: #FFFFFF;     /* kömür kutudaki yazı */
    --p-dolgu: #2B3136;          /* birincil düğme dolgusu (gecede çelik: sayfaların çoğu düğmeye text-white verir) */
    --p-dolgu-h: #1E2328;
    --p-celik: #3B6E93;          /* tek vurgu: seçili çizgi, odak, bağlantı */
    --p-celik-h: #315D7C;
    --p-celik-yumusak: rgba(59, 110, 147, .08);
    --p-celik-yazi: #2F6188;
    --p-panel: rgba(255, 255, 255, .74);
    --p-panel-guclu: rgba(255, 255, 255, .9);
    --p-cizgi: rgba(43, 49, 54, .13);
    --p-cizgi-guclu: rgba(43, 49, 54, .28);
    --p-tarama: rgba(43, 49, 54, .26);
    --p-girdi: #FFFFFF;
    --p-girdi-cizgi: #C3CFD6;
    --p-tablo-baslik: rgba(43, 49, 54, .055);
    --p-tablo-baslik-yazi: #3E4B53;
    --p-kafes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51.96' height='90' viewBox='0 0 51.96 90' fill='none' stroke='rgba(59,110,147,0.075)' stroke-width='1'%3E%3Cpolygon points='0,-30 25.98,-15 25.98,15 0,30 -25.98,15 -25.98,-15'/%3E%3Cpolygon points='51.96,-30 77.94,-15 77.94,15 51.96,30 25.98,15 25.98,-15'/%3E%3Cpolygon points='25.98,15 51.96,30 51.96,60 25.98,75 0,60 0,30'/%3E%3Cpolygon points='0,60 25.98,75 25.98,105 0,120 -25.98,105 -25.98,75'/%3E%3Cpolygon points='51.96,60 77.94,75 77.94,105 51.96,120 25.98,105 25.98,75'/%3E%3C/svg%3E");
    --p-uc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 13'%3E%3Cpolygon points='6,1.1 10.68,3.8 10.68,9.2 6,11.9 1.32,9.2 1.32,3.8' fill='rgba(255,255,255,0.7)' stroke='%2353616A' stroke-width='1.3'/%3E%3C/svg%3E");
    --p-uc-dolu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 13'%3E%3Cpolygon points='6,1.1 10.68,3.8 10.68,9.2 6,11.9 1.32,9.2 1.32,3.8' fill='%233B6E93' stroke='%232F6188' stroke-width='1.3'/%3E%3C/svg%3E");
    --p-uc-beyaz: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 13'%3E%3Cpolygon points='6,1.1 10.68,3.8 10.68,9.2 6,11.9 1.32,9.2 1.32,3.8' fill='rgba(255,255,255,0.15)' stroke='%23FFFFFF' stroke-width='1.3'/%3E%3C/svg%3E");
    --p-isik: rgba(255, 255, 255, .55);

    --p-hata: #B2262E;
    --p-hata-rgb: 178, 38, 46;
    --isg-vurgu: #3B6E93;
    --p-basari-dolgu: #2F6A44;  --p-basari-dolgu-h: #275A39;  --p-basari-yazi: #2F6A44;
    --p-tehlike-dolgu: #B2262E; --p-tehlike-dolgu-h: #951E25; --p-tehlike-yazi: #A3222A;
    --p-uyari-dolgu: #D3A04A;   --p-uyari-dolgu-h: #C08C35;   --p-uyari-yazi: #7A5310;
    --p-bilgi-dolgu: #33658C;   --p-bilgi-dolgu-h: #2A5576;   --p-bilgi-yazi: #2C6283;
    --p-ikincil-dolgu: #5E6A72; --p-ikincil-dolgu-h: #4D575E; --p-ikincil-yazi: #53616A;
    --p-birincil-yazi: #2F6188;
    --p-mor-yazi: #64487A;
    --p-golge: 0 1px 0 rgba(43, 49, 54, .06);
    --p-yuzen-golge: 3px 3px 0 rgba(43, 49, 54, .10);   /* bulanık gölge yok: keskin kaydırılmış iz */
    --p-tavan: 15.2px;   /* GENEL K-213 yazı tavanı */
    --ok: #2F6A44; --ok-bg: rgba(47, 106, 68, .10);
    --warn: #7A5310; --warn-bg: rgba(211, 160, 74, .16);
    --err: #A3222A; --err-bg: rgba(178, 38, 46, .09);

    /* Panelin ortak değişkenleri (admin.css) */
    --bg-body: #E4ECF0;
    --bg-sidebar: #EEF3F6;
    --bg-header: #F3F6F8;
    --card-bg: #F6F8F9;
    --text-main: #263036;
    --text-muted: #53616A;
    --border-color: #CBD6DC;
    --hover-bg: #EAF0F3;
    --shadow: none;
    --marka: #2F6188;
    --marka-hover: #264F70;
    --marka-soft: #E2ECF2;
    --marka-contrast: #FFFFFF;
    --primary-color: #2F6188;
    --text-active: #2B3136;
    --primary-soft: #E2ECF2;

    /* Bootstrap köprüsü */
    --bs-primary: #2B3136;            --bs-primary-rgb: 43, 49, 54;
    --bs-secondary: #5E6A72;          --bs-secondary-rgb: 94, 106, 114;
    --bs-success: #2F6A44;            --bs-success-rgb: 47, 106, 68;
    --bs-danger: #B2262E;             --bs-danger-rgb: 178, 38, 46;
    --bs-warning: #D3A04A;            --bs-warning-rgb: 211, 160, 74;
    --bs-info: #33658C;               --bs-info-rgb: 51, 101, 140;
    --bs-light: #EAF0F3;              --bs-light-rgb: 234, 240, 243;
    --bs-dark: #263036;               --bs-dark-rgb: 38, 48, 54;
    --bs-link-color: #2F6188;         --bs-link-color-rgb: 47, 97, 136;
    --bs-link-hover-color: #264F70;   --bs-link-hover-color-rgb: 38, 79, 112;
    --bs-body-bg: #F6F8F9;            --bs-body-bg-rgb: 246, 248, 249;
    --bs-body-color: #263036;         --bs-body-color-rgb: 38, 48, 54;
    --bs-emphasis-color: #000;
    --bs-secondary-color: rgba(38, 48, 54, .74);
    --bs-tertiary-color: rgba(38, 48, 54, .5);
    --bs-secondary-bg: #EAF0F3;
    --bs-tertiary-bg: #EEF3F6;
    --bs-border-color: #CBD6DC;
    --bs-border-color-translucent: rgba(43, 49, 54, .14);
    --bs-heading-color: inherit;
    --bs-focus-ring-color: rgba(59, 110, 147, .35);
    --bs-form-valid-color: #2F6A44;   --bs-form-valid-border-color: #2F6A44;
    --bs-form-invalid-color: #A3222A; --bs-form-invalid-border-color: #B2262E;

    --bs-primary-bg-subtle: #E2ECF2;   --bs-primary-border-subtle: #A9C2D2;   --bs-primary-text-emphasis: #1F4561;
    --bs-secondary-bg-subtle: #E8EDF0; --bs-secondary-border-subtle: #C3CFD6; --bs-secondary-text-emphasis: #333E45;
    --bs-success-bg-subtle: #E2EEE6;   --bs-success-border-subtle: #A8CBB3;   --bs-success-text-emphasis: #1D4A2D;
    --bs-danger-bg-subtle: #F7E6E7;    --bs-danger-border-subtle: #E2AEB2;    --bs-danger-text-emphasis: #7A161C;
    --bs-warning-bg-subtle: #F6EDDC;   --bs-warning-border-subtle: #E3C893;   --bs-warning-text-emphasis: #5A3D0B;
    --bs-info-bg-subtle: #E1EBF2;      --bs-info-border-subtle: #A6C1D6;      --bs-info-text-emphasis: #1E4766;
    --bs-light-bg-subtle: #F3F6F8;     --bs-light-border-subtle: #D6E0E5;     --bs-light-text-emphasis: #333E45;
    --bs-dark-bg-subtle: #C3CFD6;      --bs-dark-border-subtle: #8D9BA4;      --bs-dark-text-emphasis: #263036;

    /* K-042: keskin köşe. Bootstrap'in bütün yuvarlaklıkları buradan okunur (hap dahil). */
    --bs-border-radius: 2px;
    --bs-border-radius-sm: 1px;
    --bs-border-radius-lg: 2px;
    --bs-border-radius-xl: 2px;
    --bs-border-radius-xxl: 2px;
    --bs-border-radius-pill: 2px;
}

/* ═══ 2. KOYU (gece odası) ════════════════════════════════════════════════════════════════
   Seçili kutu gecede TERS döner (açık kutu, koyu yazı) — koyu zeminde kömür kutu seçilmezdi. */
:root[data-accent="petek"][data-bs-theme="dark"] {
    color-scheme: dark;
    --p-komur: #DCE6EC;
    --p-komur-h: #C8D6DE;
    --p-komur-yazi: #11171B;
    --p-dolgu: #33658C;
    --p-dolgu-h: #3D739C;
    --p-celik: #6FA4CB;
    --p-celik-h: #86B6DA;
    --p-celik-yumusak: rgba(134, 182, 218, .09);
    --p-celik-yazi: #86B6DA;
    --p-panel: rgba(26, 34, 40, .78);
    --p-panel-guclu: rgba(26, 34, 40, .94);
    --p-cizgi: rgba(220, 230, 236, .10);
    --p-cizgi-guclu: rgba(220, 230, 236, .24);
    --p-tarama: rgba(220, 230, 236, .22);
    --p-girdi: #10161A;
    --p-girdi-cizgi: #33414A;
    --p-tablo-baslik: rgba(220, 230, 236, .05);
    --p-tablo-baslik-yazi: #B4C2CA;
    --p-kafes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51.96' height='90' viewBox='0 0 51.96 90' fill='none' stroke='rgba(134,182,218,0.055)' stroke-width='1'%3E%3Cpolygon points='0,-30 25.98,-15 25.98,15 0,30 -25.98,15 -25.98,-15'/%3E%3Cpolygon points='51.96,-30 77.94,-15 77.94,15 51.96,30 25.98,15 25.98,-15'/%3E%3Cpolygon points='25.98,15 51.96,30 51.96,60 25.98,75 0,60 0,30'/%3E%3Cpolygon points='0,60 25.98,75 25.98,105 0,120 -25.98,105 -25.98,75'/%3E%3Cpolygon points='51.96,60 77.94,75 77.94,105 51.96,120 25.98,105 25.98,75'/%3E%3C/svg%3E");
    --p-uc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 13'%3E%3Cpolygon points='6,1.1 10.68,3.8 10.68,9.2 6,11.9 1.32,9.2 1.32,3.8' fill='rgba(17,23,27,0.6)' stroke='%239AAAB4' stroke-width='1.3'/%3E%3C/svg%3E");
    --p-uc-dolu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 13'%3E%3Cpolygon points='6,1.1 10.68,3.8 10.68,9.2 6,11.9 1.32,9.2 1.32,3.8' fill='%2386B6DA' stroke='%2386B6DA' stroke-width='1.3'/%3E%3C/svg%3E");
    --p-isik: rgba(134, 182, 218, .06);

    --p-hata: #E2545B;
    --p-hata-rgb: 226, 84, 91;
    --isg-vurgu: #86B6DA;
    --p-basari-dolgu: #2E6B45;  --p-basari-dolgu-h: #367A50;  --p-basari-yazi: #86C29A;
    --p-tehlike-dolgu: #A8262E; --p-tehlike-dolgu-h: #BF2E37; --p-tehlike-yazi: #FF8E86;
    --p-uyari-yazi: #E8BE74;
    --p-bilgi-dolgu: #33658C;   --p-bilgi-dolgu-h: #3D739C;   --p-bilgi-yazi: #8CC0DE;
    --p-ikincil-dolgu: #4A565E; --p-ikincil-dolgu-h: #5A6770; --p-ikincil-yazi: #9AAAB4;
    --p-birincil-yazi: #86B6DA;
    --p-mor-yazi: #C6AEDA;
    --p-golge: 0 1px 0 rgba(0, 0, 0, .5);
    --p-yuzen-golge: 3px 3px 0 rgba(0, 0, 0, .45);
    --ok: #86C29A; --ok-bg: rgba(134, 194, 154, .12);
    --warn: #E8BE74; --warn-bg: rgba(211, 160, 74, .12);
    --err: #FF8E86; --err-bg: rgba(226, 84, 91, .12);

    --bg-body: #11171B;
    --bg-sidebar: #141B20;
    --bg-header: #161D22;
    --card-bg: #1A2228;
    --text-main: #E3EBF0;
    --text-muted: #9AAAB4;
    --border-color: #2A353C;
    --hover-bg: #202A31;
    --marka: #86B6DA;
    --marka-hover: #A3C8E4;
    --marka-soft: #1B2B37;
    --marka-contrast: #11171B;
    --primary-color: #86B6DA;
    --text-active: #E3EBF0;
    --primary-soft: #1B2B37;

    --bs-primary: #DCE6EC;            --bs-primary-rgb: 220, 230, 236;
    --bs-secondary: #4A565E;          --bs-secondary-rgb: 74, 86, 94;
    --bs-danger: #A8262E;             --bs-danger-rgb: 168, 38, 46;
    --bs-light: #26313A;              --bs-light-rgb: 38, 49, 58;
    --bs-dark: #0B1013;               --bs-dark-rgb: 11, 16, 19;
    --bs-link-color: #86B6DA;         --bs-link-color-rgb: 134, 182, 218;
    --bs-link-hover-color: #A3C8E4;   --bs-link-hover-color-rgb: 163, 200, 228;
    --bs-body-bg: #1A2228;            --bs-body-bg-rgb: 26, 34, 40;
    --bs-body-color: #E3EBF0;         --bs-body-color-rgb: 227, 235, 240;
    --bs-emphasis-color: #fff;
    --bs-secondary-color: rgba(227, 235, 240, .72);
    --bs-tertiary-color: rgba(227, 235, 240, .5);
    --bs-secondary-bg: #202A31;
    --bs-tertiary-bg: #1C252B;
    --bs-border-color: #2A353C;
    --bs-border-color-translucent: rgba(227, 235, 240, .12);
    --bs-focus-ring-color: rgba(134, 182, 218, .4);
    --bs-form-valid-color: #86C29A;   --bs-form-valid-border-color: #4E9466;
    --bs-form-invalid-color: #FF8E86; --bs-form-invalid-border-color: #E2545B;

    --bs-primary-bg-subtle: #1B2B37;   --bs-primary-border-subtle: #36536A;   --bs-primary-text-emphasis: #B9D5EA;
    --bs-secondary-bg-subtle: #1E272D; --bs-secondary-border-subtle: #36424A; --bs-secondary-text-emphasis: #CDD7DD;
    --bs-success-bg-subtle: #14241A;   --bs-success-border-subtle: #2F5A3E;   --bs-success-text-emphasis: #A9D8B8;
    --bs-danger-bg-subtle: #2C1416;    --bs-danger-border-subtle: #6B262B;    --bs-danger-text-emphasis: #FFB3AE;
    --bs-warning-bg-subtle: #2A210F;   --bs-warning-border-subtle: #6B521E;   --bs-warning-text-emphasis: #F0D19A;
    --bs-info-bg-subtle: #132331;      --bs-info-border-subtle: #2F5372;      --bs-info-text-emphasis: #B2D3EA;
    --bs-light-bg-subtle: #1E272D;     --bs-light-border-subtle: #36424A;     --bs-light-text-emphasis: #E3EBF0;
    --bs-dark-bg-subtle: #0B1013;      --bs-dark-border-subtle: #2A353C;      --bs-dark-text-emphasis: #E3EBF0;
}

/* ═══ 3. ODA: ZEMİN, KAFES, IŞIK, BAŞLIK ═══════════════════════════════════════════════════
   🔴 body'ye DEĞİL panel kabuğuna (.sayfa-kabugu) yazılır: giriş ekranı kendi tasarımında (Modern) kalır.
   Kafes ve ışık süzmesi kabuğun SABİT sözde öğeleridir (z-index -1, isolation): yalnız transform/opacity
   canlandırılır (çizim değil birleştirme işi), içerik kaydırması etkilenmez. */
:root[data-accent="petek"] .sayfa-kabugu {
    position: relative;
    isolation: isolate;
    font-family: var(--p-govde-yazi);
    background-color: var(--bg-body);
    background-image:
        radial-gradient(ellipse 85% 65% at 62% -8%, rgba(255, 255, 255, .85), rgba(255, 255, 255, 0) 68%),
        radial-gradient(ellipse 60% 60% at 0% 100%, rgba(59, 110, 147, .08), rgba(59, 110, 147, 0) 62%),
        linear-gradient(180deg, #EAF1F4, #DDE7EC);
    background-attachment: fixed;
}
:root[data-accent="petek"][data-bs-theme="dark"] .sayfa-kabugu {
    background-image:
        radial-gradient(ellipse 80% 60% at 62% -10%, rgba(111, 164, 203, .12), rgba(111, 164, 203, 0) 66%),
        radial-gradient(ellipse 70% 70% at 0% 100%, rgba(0, 0, 0, .45), rgba(0, 0, 0, 0) 60%),
        linear-gradient(180deg, #131A1F, #0E1317);
}
/* Altıgen kafes: bir karo boyu (51,96 × 90 px) kayar → döngü dikişsiz; sağa doğru belirginleşir */
:root[data-accent="petek"] .sayfa-kabugu::before {
    content: "";
    position: fixed;
    left: -52px; top: -90px; right: 0; bottom: 0;
    z-index: -1;
    pointer-events: none;
    background-image: var(--p-kafes);
    background-size: 51.96px 90px;
    -webkit-mask-image: radial-gradient(ellipse 75% 85% at 82% 40%, #000 0%, rgba(0, 0, 0, .55) 45%, rgba(0, 0, 0, 0) 80%);
    mask-image: radial-gradient(ellipse 75% 85% at 82% 40%, #000 0%, rgba(0, 0, 0, .55) 45%, rgba(0, 0, 0, 0) 80%);
    animation: petek-kafes 46s linear infinite;
    will-change: transform;
}
@keyframes petek-kafes {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(51.96px, 90px, 0); }
}
/* Işık süzmesi: geniş, yumuşak bir beyaz bant 19 sn'de bir odayı çaprazlama geçer */
:root[data-accent="petek"] .sayfa-kabugu::after {
    content: "";
    position: fixed;
    top: -20vh; bottom: -20vh; left: 0;
    width: 38vw;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, var(--p-isik) 50%, rgba(255, 255, 255, 0) 100%);
    transform: translate3d(-45vw, 0, 0) skewX(-14deg);
    animation: petek-isik 19s ease-in-out infinite;
    will-change: transform;
}
@keyframes petek-isik {
    0%, 12%   { transform: translate3d(-45vw, 0, 0) skewX(-14deg); opacity: 0; }
    20%       { opacity: 1; }
    62%       { opacity: 1; }
    70%, 100% { transform: translate3d(118vw, 0, 0) skewX(-14deg); opacity: 0; }
}
:root[data-accent="petek"] ::selection { background: rgba(59, 110, 147, .22); }
:root[data-accent="petek"][data-bs-theme="dark"] ::selection { background: rgba(134, 182, 218, .3); }
:root[data-accent="petek"] a { text-underline-offset: .18em; }

/* Başlıklar: dar, ince, BÜYÜK HARF (Saira Semi Condensed, yerel dosya). Bu yazı tipinde kalın yüz yok →
   tarayıcı sahte kalın çizmesin diye 400. text-transform + lang="tr" → "i" doğru "İ" olur. */
:root[data-accent="petek"] .sayfa-govdesi :is(h1, h2, h3, h4, h5, h6, .h4, .h5, .h6):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *),
:root[data-accent="petek"] .modal-title {
    font-family: var(--p-baslik-yazi);
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: .06em !important;
    line-height: 1.3;
}
/* Sayfa başlığı = seçili etiket kutusu ("PLAY" kutusu): kömür kutu, beyaz büyük harf, çelik sol çizgi; solunda
   ince bağlantı çizgisi + boş altıgen. Açılışta kutu soldan dolar, yazı ardından belirir (yalnız bu küçük öğe). */
:root[data-accent="petek"] .sayfa-govdesi .container-fluid > .d-flex:first-child > .d-flex:first-child > i.bi:first-child,
:root[data-accent="petek"] .sayfa-govdesi .container-fluid > .d-flex:first-child > i.bi:first-child,
:root[data-accent="petek"] .sayfa-govdesi :is(h3, h4).text-adapt > i.bi:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *),
:root[data-accent="petek"] .sayfa-govdesi .container-fluid > .d-flex:first-child :is(h4, h5).text-adapt:first-child > i.bi { display: none !important; }
:root[data-accent="petek"] .sayfa-govdesi .container-fluid > .d-flex:first-child :is(h4, h5).text-adapt:first-child {
    position: relative;
    display: inline-block;
    margin-left: 30px !important;
    padding: .38rem 1rem .38rem 1.05rem;
    color: #FFFFFF !important;
    background: linear-gradient(var(--p-komur), var(--p-komur)) left center / 100% 100% no-repeat;
    box-shadow: inset 3px 0 0 var(--p-celik);
    animation: petek-kutu .55s cubic-bezier(.2, .7, .2, 1) both;
}
:root[data-accent="petek"][data-bs-theme="dark"] .sayfa-govdesi .container-fluid > .d-flex:first-child :is(h4, h5).text-adapt:first-child { color: #11171B !important; }
:root[data-accent="petek"] .sayfa-govdesi .container-fluid > .d-flex:first-child :is(h4, h5).text-adapt:first-child::before {
    content: "";
    position: absolute;
    left: -30px; top: 50%;
    width: 26px; height: 13px;
    margin-top: -6.5px;
    background: linear-gradient(var(--p-cizgi-guclu), var(--p-cizgi-guclu)) 11px center / 15px 1px no-repeat, var(--p-uc) left center / 12px 13px no-repeat;
}
@keyframes petek-kutu {
    0%   { background-size: 0% 100%; color: transparent; }
    55%  { background-size: 100% 100%; color: transparent; }
    100% { background-size: 100% 100%; }
}

/* ═══ 4. SOL MENÜ — yarı saydam buz paneli; etiket önünde bağlantı çizgisi + boş altıgen ═══════
   Seçili ana satır = kömür kutu (beyaz büyük harf, çelik sol çizgi); seçili alt satır da kömür kutu.
   Üstüne gelince çizgi uzar, altıgen çelik mavisiyle dolar. */
:root[data-accent="petek"] .sidebar {
    --border-color: var(--p-cizgi);
    --hover-bg: rgba(255, 255, 255, .55);
    background-color: rgba(238, 243, 246, .82);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 32%);
    border-right: 1px solid var(--p-cizgi);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
:root[data-accent="petek"][data-bs-theme="dark"] .sidebar {
    --hover-bg: rgba(220, 230, 236, .05);
    background-color: rgba(20, 27, 32, .9);
    background-image: linear-gradient(180deg, rgba(111, 164, 203, .06), rgba(111, 164, 203, 0) 30%);
}
:root[data-accent="petek"] .menu-header { background-color: transparent; border-bottom: 1px solid var(--p-cizgi); }
:root[data-accent="petek"] .menu-header::after {
    content: "";
    position: absolute;
    left: .9rem; bottom: -1px;
    width: 2.4rem; height: 2px;
    background: var(--p-celik);
}
:root[data-accent="petek"] .marka-alt { letter-spacing: .16em; color: var(--text-muted); opacity: 1; }   /* admin.css saydamlıkla soldurur (4,09) */

:root[data-accent="petek"] .sidebar .grup-baslik {
    margin: 1px .4rem 1px .3rem;
    border-radius: 0;
    color: var(--text-muted);
    background-image: linear-gradient(var(--p-komur), var(--p-komur));
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 0% 100%;
    transition: background-size .3s cubic-bezier(.2, .7, .2, 1), color .18s ease, box-shadow .18s ease;
}
:root[data-accent="petek"] .sidebar .grup-baslik::before {
    content: "";
    flex: 0 0 auto;
    width: 22px; height: 13px;
    margin-right: .35rem;
    background: linear-gradient(var(--p-cizgi-guclu), var(--p-cizgi-guclu)) 12px center / 8px 1px no-repeat, var(--p-uc) left center / 12px 13px no-repeat;
    transition: background-size .25s ease;
}
:root[data-accent="petek"] .sidebar .grup-baslik .menu-yazi {
    font-family: var(--p-baslik-yazi);
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: .075em;
    font-size: .95em;
}
:root[data-accent="petek"] .sidebar .grup-baslik:hover {
    color: var(--text-main);
    background-color: rgba(255, 255, 255, .55);
    box-shadow: inset 2px 0 0 var(--p-celik);
}
:root[data-accent="petek"][data-bs-theme="dark"] .sidebar .grup-baslik:hover { background-color: rgba(220, 230, 236, .05); }
:root[data-accent="petek"] .sidebar .grup-baslik:hover::before {
    background: linear-gradient(var(--p-celik), var(--p-celik)) 12px center / 10px 1px no-repeat, var(--p-uc-dolu) left center / 12px 13px no-repeat;
}
:root[data-accent="petek"] .sidebar .grup-baslik.aktif,
:root[data-accent="petek"] .sidebar .grup-baslik.active {
    color: #FFFFFF;
    background-color: transparent;
    background-size: 100% 100%;
    box-shadow: inset 3px 0 0 var(--p-celik);
}
:root[data-accent="petek"][data-bs-theme="dark"] .sidebar .grup-baslik.aktif,
:root[data-accent="petek"][data-bs-theme="dark"] .sidebar .grup-baslik.active { color: #11171B; }
:root[data-accent="petek"] .sidebar .grup-baslik:is(.aktif, .active) :is(i, .menu-yazi, .text-adapt) { color: inherit !important; }
:root[data-accent="petek"] .sidebar .grup-baslik:is(.aktif, .active)::before {
    background: linear-gradient(rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)) 12px center / 8px 1px no-repeat, var(--p-uc-beyaz) left center / 12px 13px no-repeat;
}
:root[data-accent="petek"][data-bs-theme="dark"] .sidebar .grup-baslik:is(.aktif, .active)::before {
    background: linear-gradient(#11171B, #11171B) 12px center / 8px 1px no-repeat, var(--p-uc-dolu) left center / 12px 13px no-repeat;
}
:root[data-accent="petek"] .sayfa-kabugu.menu-dar .sidebar .grup-baslik::before { display: none; }
/* Menü satırındaki hazır simge gizli (GENEL K-228; Modern'le aynı karar): yerinde bağlantı çizgisi + boş altıgen durur.
   Dar menüde etiket görünmediği için simge görünür, Standart'tan kalan turuncu nötr renge döner. Sürükleme tutamacı kalır. */
:root[data-accent="petek"] .sidebar .grup-baslik > i.bi:not(.menu-ok):not(.surukle-tutamaci) { display: none; }
:root[data-accent="petek"] .sayfa-kabugu.menu-dar .sidebar .grup-baslik > i.bi:not(.menu-ok):not(.surukle-tutamaci) { display: inline-block; margin: 0; }
:root[data-accent="petek"] .sidebar .grup-baslik > i.bi.text-warning { color: var(--text-muted) !important; }
:root[data-accent="petek"] .sidebar .grup-baslik:is(.aktif, .active) > i.bi.text-warning { color: inherit !important; }

/* Alt menü: ince dikey kılavuz; seçili satır kömür kutu + çelik sol çizgi ("PLAY NOW" satırı) */
:root[data-accent="petek"] .sidebar .alt-menu-container .nav-link {
    border-radius: 0;
    border-left: 1px solid var(--p-cizgi-guclu);
    color: var(--text-muted);
    transition: background-color .15s ease, color .15s ease, box-shadow .2s ease;
}
:root[data-accent="petek"] .sidebar .alt-menu-container .nav-link:hover {
    color: var(--text-main);
    background-color: rgba(255, 255, 255, .6);
    box-shadow: inset 2px 0 0 var(--p-celik);
}
:root[data-accent="petek"][data-bs-theme="dark"] .sidebar .alt-menu-container .nav-link:hover { background-color: rgba(220, 230, 236, .05); }
:root[data-accent="petek"] .sidebar .alt-menu-container .nav-link.active {
    color: #FFFFFF;
    background-color: var(--p-komur);
    border-left-color: var(--p-komur);
    box-shadow: inset 3px 0 0 var(--p-celik);
}
:root[data-accent="petek"][data-bs-theme="dark"] .sidebar .alt-menu-container .nav-link.active { color: #11171B; }
:root[data-accent="petek"] .sidebar .alt-menu-container .nav-link.active * { color: inherit !important; }
/* seçili satır üstüne gelince de seçili kalır (gece kipinde üstüne gelme zemini seçili zemini eziyordu: 1,16) */
:root[data-accent="petek"] .sidebar .alt-menu-container .nav-link.active:is(:hover, :focus) { background-color: var(--p-komur) !important; color: var(--p-komur-yazi) !important; }
:root[data-accent="petek"] .alt-bilgi { background-color: transparent; border-top-color: var(--p-cizgi); }
:root[data-accent="petek"] .sidebar ::-webkit-scrollbar-thumb { background-color: var(--p-cizgi-guclu); }

/* ═══ 5. ÜST ÇUBUK — yarı saydam beyaz bant; altında 9 sn'de bir akan ince eşitleme ışığı ═════ */
:root[data-accent="petek"] .ust-bar {
    background: rgba(243, 246, 248, .86);
    box-shadow: none;
    border-bottom: 1px solid var(--p-cizgi);
}
:root[data-accent="petek"][data-bs-theme="dark"] .ust-bar { background: rgba(22, 29, 34, .92); }
:root[data-accent="petek"] .ust-bar::after {
    content: "";
    position: absolute;
    left: 0; bottom: -1px;
    width: 22%; height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(59, 110, 147, 0), var(--p-celik), rgba(59, 110, 147, 0));
    transform: translate3d(-110%, 0, 0);
    animation: petek-esitleme 9s cubic-bezier(.45, 0, .25, 1) infinite;
    will-change: transform;
}
@keyframes petek-esitleme {
    0%, 30%  { transform: translate3d(-110%, 0, 0); }
    70%, 100% { transform: translate3d(560%, 0, 0); }
}
:root[data-accent="petek"] .header-btn { border-radius: 0; }
:root[data-accent="petek"] .header-btn:hover {
    background: rgba(255, 255, 255, .7);
    color: var(--text-main);
    box-shadow: inset 0 -2px 0 var(--p-celik);
}
:root[data-accent="petek"][data-bs-theme="dark"] .header-btn:hover { background: rgba(220, 230, 236, .06); }
/* Profil: seçili petek hücresi — kömür altıgen, beyaz harf */
:root[data-accent="petek"] .header-avatar {
    border-radius: 0;
    background: var(--p-komur);
    color: #FFFFFF;
    font-family: var(--p-baslik-yazi);
    border: 0;
    box-shadow: none;
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
:root[data-accent="petek"][data-bs-theme="dark"] .header-avatar { color: #11171B; }
/* Bildirim noktası: parlayan daire yerine küçük kızıl altıgen (K-042) */
:root[data-accent="petek"] .badge-dot {
    border-radius: 0;
    background: var(--p-hata);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
:root[data-accent="petek"] .accent-nokta { border-radius: 2px; }

/* ═══ 6. PANELLER — yarı saydam beyaz, ince çerçeve, sağ üstte taralı köşe ════════════════════ */
:root[data-accent="petek"] .shadow-sm:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi)),
:root[data-accent="petek"] .shadow:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi)):not(.dropdown-menu) {
    box-shadow: var(--p-golge) !important;
}
:root[data-accent="petek"] .card:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) {
    --bs-card-bg: var(--p-panel);
    --bs-card-border-color: var(--p-cizgi);
    --bs-card-cap-bg: transparent;
    --p-tarama-renk: var(--p-tarama);
    transition: border-color .2s ease, box-shadow .2s ease;
}
:root[data-accent="petek"] .card:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *)::after {
    content: "";
    position: absolute;
    top: 0; right: 0;
    width: 22px; height: 22px;
    pointer-events: none;
    background: repeating-linear-gradient(135deg, var(--p-tarama-renk) 0 1px, transparent 1px 4px);
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    transition: width .25s ease, height .25s ease;
}
/* Tıklanabilir panel: taralı köşe büyür ve çelikleşir, solda çelik çizgi */
:root[data-accent="petek"] :is(.card.hover-scale, .card.cursor-pointer, a.card, .card[role="button"]):hover {
    --p-tarama-renk: var(--p-celik);
    border-color: var(--p-cizgi-guclu);
    box-shadow: inset 3px 0 0 var(--p-celik) !important;
}
:root[data-accent="petek"] :is(.card.hover-scale, .card.cursor-pointer, a.card, .card[role="button"]):hover::after { width: 34px; height: 34px; }
:root[data-accent="petek"] .card-header:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) {
    background-color: transparent;
    border-bottom: 1px solid var(--p-cizgi);
}
:root[data-accent="petek"] .card-header :is(h5, h6, .card-title):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) {
    font-family: var(--p-baslik-yazi);
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: .07em;
}
:root[data-accent="petek"] .card-footer { background-color: transparent; border-top: 1px solid var(--p-cizgi); }
/* Kart içindeki büyük harf etiketler ("TOPLAM ARAÇ SAYISI") tablo başlıklarıyla aynı biçim: Saira 400, harf aralıklı */
:root[data-accent="petek"] .sayfa-govdesi .card .text-uppercase:not(.badge):not(.btn):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) {
    font-family: var(--p-baslik-yazi);
    font-weight: 400 !important;
    letter-spacing: .07em;
}
/* Tek vurgu çelik mavisi: özet kartlarının renkli (amber/yeşil/kırmızı) kenarları nötr; anlam rengi sayıda kalır */
:root[data-accent="petek"] .sayfa-govdesi .card:is(.border-primary, .border-success, .border-danger, .border-warning, .border-info):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { border-color: var(--p-cizgi) !important; }
/* Yuvarlak simge kutuları kareye döner; dönen gösterge hariç */
:root[data-accent="petek"] .rounded-circle:not(.spinner-border):not(.spinner-grow):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) {
    border-radius: 2px !important;
}

/* ═══ 7. DÜĞMELER — birincil = kömür kutu + çelik sol çizgi (üstüne gelince çizgi kalınlaşır, ışık geçer) ═ */
:root[data-accent="petek"] .btn { letter-spacing: .01em; }
:root[data-accent="petek"] :is(.btn-primary, .btn-marka) {
    --bs-btn-color: #FFFFFF;
    --bs-btn-bg: var(--p-dolgu);
    --bs-btn-border-color: var(--p-dolgu);
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: var(--p-dolgu-h);
    --bs-btn-hover-border-color: var(--p-dolgu-h);
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: var(--p-dolgu-h);
    --bs-btn-active-border-color: var(--p-dolgu-h);
    --bs-btn-disabled-color: #FFFFFF;
    --bs-btn-disabled-bg: var(--p-ikincil-dolgu);
    --bs-btn-disabled-border-color: var(--p-ikincil-dolgu);
    box-shadow: inset 3px 0 0 var(--p-celik);
}
:root[data-accent="petek"][data-bs-theme="dark"] :is(.btn-primary, .btn-marka) { box-shadow: inset 3px 0 0 #86B6DA; }
:root[data-accent="petek"][data-bs-theme="dark"] :is(.btn-primary, .btn-marka):hover { box-shadow: inset 6px 0 0 #86B6DA; }
:root[data-accent="petek"] :is(.btn-primary, .btn-marka):hover { box-shadow: inset 6px 0 0 var(--p-celik); }
/* Dolu düğmelerde üstüne gelince ince bir ışık geçer */
:root[data-accent="petek"] :is(.btn-primary, .btn-marka, .btn-success, .btn-danger, .btn-dark, .btn-info, .btn-secondary) {
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .18) 50%, rgba(255, 255, 255, 0) 70%);
    background-repeat: no-repeat;
    background-size: 220% 100%;
    background-position: 160% 0;
    transition: background-position .6s ease, background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .2s ease;
}
:root[data-accent="petek"] :is(.btn-primary, .btn-marka, .btn-success, .btn-danger, .btn-dark, .btn-info, .btn-secondary):hover { background-position: -60% 0; }

:root[data-accent="petek"] .btn-outline-primary {
    --bs-btn-color: var(--p-celik-yazi);
    --bs-btn-border-color: var(--p-celik);
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: var(--p-dolgu);
    --bs-btn-hover-border-color: var(--p-dolgu);
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: var(--p-dolgu-h);
    --bs-btn-active-border-color: var(--p-dolgu-h);
}
/* İkincil çerçeveli düğme (en çok kullanılan): üstüne gelince kömür dolgu */
:root[data-accent="petek"] .btn-outline-secondary {
    --bs-btn-color: var(--text-main);
    --bs-btn-border-color: var(--p-cizgi-guclu);
    --bs-btn-hover-color: var(--card-bg);
    --bs-btn-hover-bg: var(--text-main);
    --bs-btn-hover-border-color: var(--text-main);
    --bs-btn-active-color: var(--card-bg);
    --bs-btn-active-bg: var(--text-main);
    --bs-btn-active-border-color: var(--text-main);
    --bs-btn-disabled-color: var(--text-muted);
    --bs-btn-disabled-border-color: var(--p-cizgi);
    /* zemin DEĞİŞKENLE verilir: doğrudan background-color üstüne gelme halindeki koyu dolguyu da eziyordu → açık zeminde
       açık yazı ("Detay / Düzenle" 1,05 — kullanıcı 24.10.2026 görüntüyle: "odaklandığımda sorun var") */
    --bs-btn-bg: var(--p-panel);
}
:root[data-accent="petek"] .btn-success {
    --bs-btn-color: #fff; --bs-btn-bg: var(--p-basari-dolgu); --bs-btn-border-color: var(--p-basari-dolgu);
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--p-basari-dolgu-h); --bs-btn-hover-border-color: var(--p-basari-dolgu-h);
    --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--p-basari-dolgu-h); --bs-btn-active-border-color: var(--p-basari-dolgu-h);
    --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--p-basari-dolgu); --bs-btn-disabled-border-color: var(--p-basari-dolgu);
}
:root[data-accent="petek"] .btn-danger {
    --bs-btn-color: #fff; --bs-btn-bg: var(--p-tehlike-dolgu); --bs-btn-border-color: var(--p-tehlike-dolgu);
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--p-tehlike-dolgu-h); --bs-btn-hover-border-color: var(--p-tehlike-dolgu-h);
    --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--p-tehlike-dolgu-h); --bs-btn-active-border-color: var(--p-tehlike-dolgu-h);
    --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--p-tehlike-dolgu); --bs-btn-disabled-border-color: var(--p-tehlike-dolgu);
}
:root[data-accent="petek"] .btn-warning {
    --bs-btn-color: #263036; --bs-btn-bg: var(--p-uyari-dolgu); --bs-btn-border-color: var(--p-uyari-dolgu);
    --bs-btn-hover-color: #263036; --bs-btn-hover-bg: var(--p-uyari-dolgu-h); --bs-btn-hover-border-color: var(--p-uyari-dolgu-h);
    --bs-btn-active-color: #263036; --bs-btn-active-bg: var(--p-uyari-dolgu-h); --bs-btn-active-border-color: var(--p-uyari-dolgu-h);
    --bs-btn-disabled-color: #263036; --bs-btn-disabled-bg: var(--p-uyari-dolgu); --bs-btn-disabled-border-color: var(--p-uyari-dolgu);
}
:root[data-accent="petek"] .btn-info {
    --bs-btn-color: #fff; --bs-btn-bg: var(--p-bilgi-dolgu); --bs-btn-border-color: var(--p-bilgi-dolgu);
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--p-bilgi-dolgu-h); --bs-btn-hover-border-color: var(--p-bilgi-dolgu-h);
    --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--p-bilgi-dolgu-h); --bs-btn-active-border-color: var(--p-bilgi-dolgu-h);
}
/* "btn-info text-dark" kalıbı (10 ekranda): koyu yazı açık dolguda okunur */
:root[data-accent="petek"] .btn-info.text-dark {
    --bs-btn-bg: #C9DBE8; --bs-btn-border-color: #33658C;
    --bs-btn-hover-bg: #B5CDDF; --bs-btn-hover-border-color: #2A5576;
    --bs-btn-active-bg: #B5CDDF; --bs-btn-active-border-color: #2A5576;
}
:root[data-accent="petek"] .btn-secondary {
    --bs-btn-color: #fff; --bs-btn-bg: var(--p-ikincil-dolgu); --bs-btn-border-color: var(--p-ikincil-dolgu);
    --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--p-ikincil-dolgu-h); --bs-btn-hover-border-color: var(--p-ikincil-dolgu-h);
    --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--p-ikincil-dolgu-h); --bs-btn-active-border-color: var(--p-ikincil-dolgu-h);
}
:root[data-accent="petek"] .btn-light {
    --bs-btn-color: var(--text-main); --bs-btn-bg: var(--hover-bg); --bs-btn-border-color: var(--p-cizgi);
    --bs-btn-hover-color: var(--text-main); --bs-btn-hover-bg: #DCE6EC; --bs-btn-hover-border-color: var(--p-cizgi-guclu);
}
:root[data-accent="petek"][data-bs-theme="dark"] .btn-light { --bs-btn-hover-bg: #26313A; }
:root[data-accent="petek"] .btn-dark {
    --bs-btn-color: #FFFFFF; --bs-btn-bg: #2B3136; --bs-btn-border-color: #2B3136;
    --bs-btn-hover-color: #FFFFFF; --bs-btn-hover-bg: #1E2328; --bs-btn-hover-border-color: #1E2328;
}
:root[data-accent="petek"] .btn-outline-success { --bs-btn-color: var(--p-basari-yazi); --bs-btn-border-color: var(--p-basari-dolgu); --bs-btn-hover-bg: var(--p-basari-dolgu); --bs-btn-hover-border-color: var(--p-basari-dolgu); --bs-btn-hover-color: #fff; --bs-btn-active-bg: var(--p-basari-dolgu-h); --bs-btn-active-color: #fff; }
:root[data-accent="petek"] .btn-outline-danger  { --bs-btn-color: var(--p-tehlike-yazi); --bs-btn-border-color: var(--p-tehlike-dolgu); --bs-btn-hover-bg: var(--p-tehlike-dolgu); --bs-btn-hover-border-color: var(--p-tehlike-dolgu); --bs-btn-hover-color: #fff; --bs-btn-active-bg: var(--p-tehlike-dolgu-h); --bs-btn-active-color: #fff; }
:root[data-accent="petek"] .btn-outline-warning { --bs-btn-color: var(--p-uyari-yazi); --bs-btn-border-color: var(--p-uyari-dolgu); --bs-btn-hover-bg: var(--p-uyari-dolgu); --bs-btn-hover-border-color: var(--p-uyari-dolgu); --bs-btn-hover-color: #263036; --bs-btn-active-bg: var(--p-uyari-dolgu-h); --bs-btn-active-color: #263036; }
:root[data-accent="petek"] .btn-outline-info    { --bs-btn-color: var(--p-bilgi-yazi); --bs-btn-border-color: var(--p-bilgi-dolgu); --bs-btn-hover-bg: var(--p-bilgi-dolgu); --bs-btn-hover-border-color: var(--p-bilgi-dolgu); --bs-btn-hover-color: #fff; --bs-btn-active-bg: var(--p-bilgi-dolgu-h); --bs-btn-active-color: #fff; }
:root[data-accent="petek"] .btn-outline-dark    { --bs-btn-color: var(--text-main); --bs-btn-border-color: var(--text-main); --bs-btn-hover-bg: var(--text-main); --bs-btn-hover-border-color: var(--text-main); --bs-btn-hover-color: var(--card-bg); }
:root[data-accent="petek"] .btn-link { --bs-btn-color: var(--marka); --bs-btn-hover-color: var(--marka-hover); }

/* ═══ 8. YAZI RENKLERİ — koyu temada açık ton (dolgular koyu kalır) ═════════════════════════ */
:root[data-accent="petek"] .text-primary:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { color: var(--p-birincil-yazi) !important; }
:root[data-accent="petek"] .text-success:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { color: var(--p-basari-yazi) !important; }
:root[data-accent="petek"] .text-danger:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *)  { color: var(--p-tehlike-yazi) !important; }
:root[data-accent="petek"] .text-warning:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { color: var(--p-uyari-yazi) !important; }
:root[data-accent="petek"] .text-info:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *)    { color: var(--p-bilgi-yazi) !important; }
:root[data-accent="petek"] .text-secondary:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { color: var(--p-ikincil-yazi) !important; }
:root[data-accent="petek"] .bg-warning.text-dark,
:root[data-accent="petek"] .btn-warning.text-dark,
:root[data-accent="petek"] .btn-info.text-dark,
:root[data-accent="petek"] .bg-info.text-dark { color: #263036 !important; }
:root[data-accent="petek"] .bg-info.text-dark { background-color: #C9DBE8 !important; }
:root[data-accent="petek"] .bg-white:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi)):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { background-color: var(--card-bg) !important; }

/* ═══ 9. ROZETLER — köşeli, dar büyük harf, harf aralıklı (K-042) ═══════════════════════════ */
:root[data-accent="petek"] .badge:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) {
    --bs-badge-border-radius: 0;
    border-radius: 0;
    font-family: var(--p-baslik-yazi);
    font-weight: 400 !important;
    letter-spacing: .06em;
    text-transform: uppercase;
}
:root[data-accent="petek"] .badge.bg-primary:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { box-shadow: inset 2px 0 0 var(--p-celik); }

/* ═══ 10. TABLOLAR — liste satırı; üstüne gelince soldan çelik çizgi kayar ═══════════════════ */
:root[data-accent="petek"] .table:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) {
    --bs-table-bg: transparent;
    --bs-table-color: var(--text-main);
    --bs-table-border-color: var(--p-cizgi);
    --bs-table-striped-bg: rgba(43, 49, 54, .025);
    --bs-table-striped-color: var(--text-main);
    --bs-table-hover-bg: rgba(255, 255, 255, .62);
    --bs-table-hover-color: var(--text-main);
    --bs-table-active-bg: var(--p-celik-yumusak);
    --bs-table-active-color: var(--text-main);
    font-variant-numeric: tabular-nums;
}
:root[data-accent="petek"][data-bs-theme="dark"] .table:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) {
    --bs-table-striped-bg: rgba(220, 230, 236, .025);
    --bs-table-hover-bg: rgba(220, 230, 236, .045);
}
:root[data-accent="petek"] :is(.table-light, .table-dark, thead.bg-light, tr.bg-light):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) {
    --bs-table-bg: var(--p-tablo-baslik);
    --bs-table-color: var(--p-tablo-baslik-yazi);
    --bs-table-border-color: var(--p-cizgi);
    color: var(--p-tablo-baslik-yazi);
}
:root[data-accent="petek"] .table > thead > tr > th:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) {
    font-family: var(--p-baslik-yazi);
    text-transform: uppercase;
    letter-spacing: .07em;
    font-weight: 400 !important;
    color: var(--p-tablo-baslik-yazi);
    border-bottom: 1px solid var(--p-cizgi-guclu);
}
:root[data-accent="petek"] .table-hover > tbody > tr > :first-child:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) {
    transition: box-shadow .2s ease;
}
:root[data-accent="petek"] .table-hover > tbody > tr:hover > :first-child:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) {
    box-shadow: inset 3px 0 0 var(--p-celik), inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}

/* ═══ 11. FORM ÖĞELERİ — odakta solda çelik çizgi ═════════════════════════════════════════ */
:root[data-accent="petek"] :is(.form-control, .form-select):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) {
    background-color: var(--p-girdi);
    border-color: var(--p-girdi-cizgi);
    border-radius: 0;
    caret-color: var(--p-celik);
    transition: border-color .15s ease, box-shadow .2s ease;
}
:root[data-accent="petek"] :is(.form-control, .form-select):focus,
:root[data-accent="petek"] .theme-input:focus {
    border-color: var(--p-celik) !important;
    box-shadow: inset 3px 0 0 var(--p-celik) !important;
    outline: 0;
}
:root[data-accent="petek"] .form-control:disabled,
:root[data-accent="petek"] .form-select:disabled { background-color: var(--hover-bg); }
:root[data-accent="petek"] .input-group-text {
    background-color: var(--hover-bg);
    border-color: var(--p-girdi-cizgi);
    color: var(--p-tablo-baslik-yazi);
}
:root[data-accent="petek"] .form-check-input { border-color: var(--p-cizgi-guclu); }
:root[data-accent="petek"] .form-check-input[type="checkbox"] { border-radius: 0; }
:root[data-accent="petek"] .form-check-input:checked { background-color: var(--p-komur); border-color: var(--p-komur); }
:root[data-accent="petek"][data-bs-theme="dark"] .form-check-input:checked { background-color: var(--p-celik); border-color: var(--p-celik); }
:root[data-accent="petek"] .form-check-input:focus { box-shadow: 0 0 0 1px var(--p-celik); border-color: var(--p-celik); }
/* Aç/kapa anahtarı: hap ve yuvarlak topuz yerine köşeli kızak (K-042) */
:root[data-accent="petek"] .form-switch .form-check-input {
    border-radius: 0;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3crect x='-2.6' y='-2.6' width='5.2' height='5.2' fill='rgba%2838,48,54,0.45%29'/%3e%3c/svg%3e");
}
:root[data-accent="petek"][data-bs-theme="dark"] .form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3crect x='-2.6' y='-2.6' width='5.2' height='5.2' fill='rgba%28227,235,240,0.5%29'/%3e%3c/svg%3e");
}
:root[data-accent="petek"] .form-switch .form-check-input:checked {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3crect x='-2.6' y='-2.6' width='5.2' height='5.2' fill='%23fff'/%3e%3c/svg%3e");
}
:root[data-accent="petek"] .form-range::-webkit-slider-thumb { border-radius: 0; background-color: var(--p-komur); }
:root[data-accent="petek"] .form-range::-moz-range-thumb { border-radius: 0; background-color: var(--p-komur); }

/* ═══ 12. SEKMELER, AÇILIR MENÜ, PENCERE, SAYFALAMA, LİSTE ════════════════════════════════ */
:root[data-accent="petek"] .nav-tabs {
    --bs-nav-tabs-border-color: var(--p-cizgi);
    --bs-nav-tabs-border-radius: 0;
    --bs-nav-tabs-link-hover-border-color: transparent;
    --bs-nav-tabs-link-active-bg: transparent;
    --bs-nav-tabs-link-active-color: var(--text-main);
    --bs-nav-tabs-link-active-border-color: transparent;
}
:root[data-accent="petek"] .sayfa-govdesi .nav-tabs .nav-link {
    border-radius: 0;
    font-family: var(--p-baslik-yazi);
    text-transform: uppercase;
    letter-spacing: .07em;
    font-weight: 400 !important;
    color: var(--text-muted);
    background-image: linear-gradient(var(--p-komur), var(--p-komur)), linear-gradient(var(--p-celik), var(--p-celik));
    background-repeat: no-repeat;
    background-position: left center, center bottom;
    background-size: 0% 100%, 0 2px;
    transition: background-size .28s cubic-bezier(.2, .7, .2, 1), color .18s ease;
}
:root[data-accent="petek"] .sayfa-govdesi .nav-tabs .nav-link:hover { color: var(--text-main); background-size: 0% 100%, 60% 2px; }
:root[data-accent="petek"] .sayfa-govdesi .nav-tabs .nav-link.active {
    color: #FFFFFF !important;   /* sekmelerin çoğunda .text-adapt (!important, koyu yazı) var: kömür kutuda 1,02 ölçüldü */
    background-color: transparent;
    background-size: 100% 100%, 0 2px;
    box-shadow: inset 3px 0 0 var(--p-celik);
}
:root[data-accent="petek"][data-bs-theme="dark"] .sayfa-govdesi .nav-tabs .nav-link.active { color: #11171B !important; }
:root[data-accent="petek"] .sayfa-govdesi .nav-tabs .nav-link.active * { color: inherit !important; }
:root[data-accent="petek"] .nav-pills { --bs-nav-pills-border-radius: 0; --bs-nav-pills-link-active-bg: var(--p-komur); --bs-nav-pills-link-active-color: var(--p-komur-yazi); }

:root[data-accent="petek"] .dropdown-menu {
    --bs-dropdown-border-radius: 0;
    --bs-dropdown-border-color: var(--p-cizgi-guclu);
    --bs-dropdown-link-hover-bg: var(--p-celik-yumusak);
    --bs-dropdown-link-active-bg: var(--p-komur);
    --bs-dropdown-link-active-color: var(--p-komur-yazi);
    box-shadow: var(--p-yuzen-golge) !important;
}
:root[data-accent="petek"] .dropdown-item:hover,
:root[data-accent="petek"] .dropdown-item:focus { box-shadow: inset 3px 0 0 var(--p-celik); }

:root[data-accent="petek"] .modal-content {
    --bs-modal-border-radius: 0;
    --bs-modal-bg: var(--p-panel-guclu);
    border: 1px solid var(--p-cizgi-guclu);
    box-shadow: var(--p-yuzen-golge);
}
:root[data-accent="petek"] .modal-header { border-bottom: 1px solid var(--p-cizgi) !important; box-shadow: inset 0 -2px 0 rgba(59, 110, 147, .0); }
:root[data-accent="petek"] .modal-footer { border-top: 1px solid var(--p-cizgi) !important; }
:root[data-accent="petek"] .modal-backdrop { --bs-backdrop-bg: #0E1418; --bs-backdrop-opacity: .55; }

:root[data-accent="petek"] .pagination {
    --bs-pagination-border-radius: 0;
    --bs-pagination-active-bg: var(--p-komur);
    --bs-pagination-active-border-color: var(--p-komur);
    --bs-pagination-active-color: var(--p-komur-yazi);
    --bs-pagination-color: var(--text-main);
    --bs-pagination-hover-color: var(--p-celik-yazi);
}
:root[data-accent="petek"] .page-item.active .page-link { background-color: var(--p-komur); border-color: var(--p-komur); box-shadow: inset 0 -2px 0 var(--p-celik); }
:root[data-accent="petek"] .list-group { --bs-list-group-border-radius: 0; --bs-list-group-active-bg: var(--p-komur); --bs-list-group-active-border-color: var(--p-komur); --bs-list-group-active-color: var(--p-komur-yazi); }
:root[data-accent="petek"] .progress { --bs-progress-border-radius: 0; --bs-progress-bar-bg: var(--p-celik); --bs-progress-bg: rgba(43, 49, 54, .08); }
:root[data-accent="petek"] .accordion { --bs-accordion-border-radius: 0; --bs-accordion-inner-border-radius: 0; --bs-accordion-active-bg: var(--p-celik-yumusak); --bs-accordion-active-color: var(--text-main); --bs-accordion-btn-focus-box-shadow: inset 3px 0 0 var(--p-celik); }
:root[data-accent="petek"] .tooltip { --bs-tooltip-border-radius: 0; --bs-tooltip-bg: #2B3136; --bs-tooltip-color: #FFFFFF; }
:root[data-accent="petek"] .popover { --bs-popover-border-radius: 0; }
:root[data-accent="petek"] hr { border-color: var(--p-cizgi-guclu); opacity: .6; }
:root[data-accent="petek"] .custom-scrollbar::-webkit-scrollbar-thumb,
:root[data-accent="petek"] ::-webkit-scrollbar-thumb { border-radius: 0; }
:root[data-accent="petek"] .custom-scrollbar::-webkit-scrollbar-thumb:hover { background-color: var(--p-celik); }
:root[data-accent="petek"] .secim-cipi.secili,
:root[data-accent="petek"] .secim-cipi.secili:hover { background-color: var(--p-komur); border-color: var(--p-komur); color: var(--p-komur-yazi); }

/* ═══ 13. HATA VE UYARI KUTULARI ═══════════════════════════════════════════════════════════
   Uyarı kutusu = yarı saydam beyaz panel, solda durum renginde ince çizgi ve küçük dolu altıgen; kutunun ilk
   simgesi (iç kutuda olsa da) gizlenir, yerinde altıgen durur. 🔴 Sol boşluk :not(#_) ile yazılır: admin.css
   yoğunluk kuralları (.px-3, .p-2:not(...)×6) sınıf düzeyinde (0,3,0)…(0,9,0) özgüllük taşır ve !important'tır
   (Modern'de canlıda 8,8 px kalıyordu, 24.10.2026). HATA (K-043): kırmızı altıgen 1,6 sn'de 3 kez yanıp söner. */
:root[data-accent="petek"] .alert:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) {
    position: relative;
    border-radius: 0;
    border: 1px solid var(--p-cizgi) !important;
    background-color: var(--p-panel-guclu) !important;
    color: var(--text-main) !important;
    box-shadow: inset 3px 0 0 var(--p-durum) !important;
}
:root[data-accent="petek"] .alert:not(#_):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { padding-left: 42px !important; }
:root[data-accent="petek"] .alert:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *)::before {
    content: "";
    position: absolute;
    left: 17px; top: 50%;
    width: 11px; height: 12px;
    margin-top: -6px;
    background: var(--p-durum);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
/* 🔴 tür rengi: varsayılan değer DÜŞÜK özgüllükle yazılır — yukarıdaki :not(:is(#teklif-sablonu …)) bloğu kimlik özgüllüğü
      taşır, varsayılan oraya konunca tür kurallarını eziyordu ve bütün kutular gri kalıyordu (Lidertas ön denetimi 24.10.2026) */
:root[data-accent="petek"] .alert { --p-durum: var(--p-ikincil-dolgu); }
/* bağlantı olarak yazılmış uyarı kutusu (pano "karşı taraf reddetti" şeridi) satır içi kalıp dar görünüyordu */
:root[data-accent="petek"] a.alert { display: block; }
:root[data-accent="petek"] .alert > i.bi:first-child,
:root[data-accent="petek"] .alert > :first-child:not(button, .btn) > i.bi:first-child { display: none !important; }
:root[data-accent="petek"] .alert:is(.alert-success, .bg-success) { --p-durum: var(--p-basari-dolgu); }
:root[data-accent="petek"] .alert:is(.alert-warning, .bg-warning, .border-warning) { --p-durum: var(--p-uyari-dolgu); }
:root[data-accent="petek"] .alert:is(.alert-info, .bg-info, .bg-primary) { --p-durum: var(--p-bilgi-dolgu); }
:root[data-accent="petek"] .alert:is(.alert-danger, .bg-danger, .border-danger) { --p-durum: var(--p-hata); }
:root[data-accent="petek"] .alert:is(.alert-danger, .bg-danger, .border-danger)::before { animation: petek-hata-nabiz 1.6s ease-in-out 3; }
@keyframes petek-hata-nabiz {
    0%, 100% { opacity: 1; }
    50%      { opacity: .2; }
}
/* Sayfaya gömülü kalıcı bantlar (kurum uyarısı #b91c1c / #b45309) → kömür bant + durum çizgisi */
:root[data-accent="petek"] .ana-icerik > div[style*="#b91c1c"] { position: relative; background: #2B3136 !important; color: #FFFFFF !important; box-shadow: inset 0 -2px 0 #E2545B !important; }
:root[data-accent="petek"] .ana-icerik > div[style*="#b45309"] { position: relative; background: #2B3136 !important; color: #FFFFFF !important; box-shadow: inset 0 -2px 0 #D3A04A !important; }
/* Form doğrulama hatası: giriş kutusu çerçevesi ve iletinin başındaki altıgen 3 kez yanıp söner */
@keyframes petek-hata-cerceve {
    0%, 100% { outline-color: rgba(var(--p-hata-rgb), 1); }
    50%      { outline-color: rgba(var(--p-hata-rgb), .15); }
}
:root[data-accent="petek"] :is(.form-control, .form-select, .form-check-input):is(.is-invalid, .invalid) {
    border-color: var(--p-hata) !important;
    outline: 1px solid rgba(var(--p-hata-rgb), 1);
    outline-offset: 0;
    animation: petek-hata-cerceve 1.6s ease-in-out 3;
}
:root[data-accent="petek"] :is(.validation-message, .invalid-feedback) { color: var(--p-tehlike-yazi); }
:root[data-accent="petek"] :is(.validation-message, .invalid-feedback)::before {
    content: "";
    display: inline-block;
    width: .5em; height: .56em;
    margin: 0 .5em .05em .1em;
    background: var(--p-hata);
    clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
    animation: petek-hata-nabiz 1.6s ease-in-out 3;
}

/* ═══ 14. HAREKET — sayfa açılışı, paneller sırayla, pencere, dönen gösterge (K-046: öteki temalardan fazla) ═
   Sayfa ve panellerde yalnız OPAKLIK: transform canlandırılsaydı içerideki position:fixed pencereler animasyon
   sürerken ekrana değil o öğeye göre konumlanırdı (Klasik'te ölçüldü). fill-mode yok → bitince iz kalmaz. */
@keyframes petek-belir {
    from { opacity: 0; }
    to   { opacity: 1; }
}
:root[data-accent="petek"] .sayfa-govdesi > * { animation: petek-belir .22s ease-out; }
:root[data-accent="petek"] .sayfa-govdesi .row > [class*="col"]:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { animation: petek-belir .45s ease-out backwards; }
:root[data-accent="petek"] .sayfa-govdesi .row > [class*="col"]:nth-child(2) { animation-delay: .05s; }
:root[data-accent="petek"] .sayfa-govdesi .row > [class*="col"]:nth-child(3) { animation-delay: .1s; }
:root[data-accent="petek"] .sayfa-govdesi .row > [class*="col"]:nth-child(4) { animation-delay: .15s; }
:root[data-accent="petek"] .sayfa-govdesi .row > [class*="col"]:nth-child(5) { animation-delay: .2s; }
:root[data-accent="petek"] .sayfa-govdesi .row > [class*="col"]:nth-child(6) { animation-delay: .25s; }
:root[data-accent="petek"] .sayfa-govdesi .row > [class*="col"]:nth-child(n+7) { animation-delay: .3s; }
/* Pencere: sağdan hafifçe kayarak belirir */
@keyframes petek-pencere {
    from { opacity: 0; transform: translate3d(14px, 0, 0); }
    to   { opacity: 1; transform: none; }
}
:root[data-accent="petek"] .modal.show .modal-content { animation: petek-pencere .3s cubic-bezier(.2, .7, .2, 1); }
:root[data-accent="petek"] .dropdown-menu.show { animation: petek-belir .16s ease-out; }
/* Dönen gösterge: dönen altıgen çerçeve (yuvarlak halka yerine) */
:root[data-accent="petek"] .spinner-border:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) {
    border: 0 !important;
    border-radius: 0 !important;
    background: conic-gradient(from 0deg, currentColor 0 34%, rgba(59, 110, 147, .22) 34% 100%);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='12,1.6 21.01,6.8 21.01,17.2 12,22.4 2.99,17.2 2.99,6.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='12,1.6 21.01,6.8 21.01,17.2 12,22.4 2.99,17.2 2.99,6.8' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

/* ═══ 15. SAYFAYA GÖMÜLÜ RENKLER (İSG ekranlarının camgöbeği, Bootstrap mavisi) ═════════════ */
:root[data-accent="petek"] .isg-accent { color: var(--p-celik-yazi) !important; }
:root[data-accent="petek"] .btn-isg { background-color: var(--p-dolgu); border-color: var(--p-dolgu); color: #FFFFFF; box-shadow: inset 3px 0 0 var(--p-celik); }
:root[data-accent="petek"] .btn-isg:hover,
:root[data-accent="petek"] .btn-isg:focus { background-color: var(--p-dolgu-h); border-color: var(--p-dolgu-h); color: #FFFFFF; }
:root[data-accent="petek"] .btn-outline-isg { border-color: var(--p-celik); color: var(--p-celik-yazi); }
:root[data-accent="petek"] .btn-outline-isg:hover,
:root[data-accent="petek"] .btn-outline-isg:focus { background-color: var(--p-dolgu); border-color: var(--p-dolgu); color: #FFFFFF; }
:root[data-accent="petek"] [style^="color:#0f766e"] { color: var(--p-celik-yazi) !important; }
:root[data-accent="petek"] [style="border-color:#0f766e;"] { border-color: var(--p-celik) !important; }
:root[data-accent="petek"] [style*="solid #0f766e"] { border-left-color: var(--p-celik) !important; }
:root[data-accent="petek"] [style*="rgba(15,118,110,.1)"] {
    background-color: var(--marka-soft) !important;
    color: var(--p-celik-yazi) !important;
    border-color: rgba(59, 110, 147, .25) !important;
}
:root[data-accent="petek"] [style*="rgba(15,118,110,.06)"] { background-color: var(--p-celik-yumusak) !important; border-color: var(--p-cizgi) !important; }
:root[data-accent="petek"] [style*="solid #0d6efd"] { border-left-color: var(--p-bilgi-dolgu) !important; }
:root[data-accent="petek"] [style*="rgba(13, 110, 253, 0.1)"] {
    background-color: rgba(51, 101, 140, .1) !important;
    color: var(--p-bilgi-yazi) !important;
    border-color: rgba(51, 101, 140, .25) !important;
}

/* ═══ 16. BELGE ALANLARI TEMANIN DIŞINDA ════════════════════════════════════════════════════
   Teklif çıktısı (#teklif-sablonu, PDF'e resim olarak çekilir), fiş, önizleme ve .tema-disi: değişkenler
   Standart açık temanın değerlerine döner, yazı tipi Inter kalır. Öğe kuralları bu alanları :not(...) ile dışlar. */
:root[data-accent="petek"] :is(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) {
    color-scheme: light;
    font-family: 'Inter', sans-serif;
    --bg-body: #f1f5f9; --card-bg: #ffffff; --text-main: #0f172a; --text-muted: #475569;
    --border-color: #e2e8f0; --hover-bg: #f1f5f9;
    --marka: #4f46e5; --marka-hover: #4338ca; --marka-soft: #eef2ff; --marka-contrast: #fff;
    --primary-color: #4f46e5; --text-active: #4f46e5; --primary-soft: #eef2ff;
    --bs-body-bg: #fff; --bs-body-color: #212529; --bs-border-color: #dee2e6;
    --bs-secondary-bg: #e9ecef; --bs-tertiary-bg: #f8f9fa; --bs-emphasis-color: #000;
    --bs-primary-rgb: 79, 70, 229; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84;
    --bs-danger-rgb: 220, 53, 69; --bs-warning-rgb: 255, 193, 7; --bs-info-rgb: 13, 202, 240;
    --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41;
    --bs-border-radius: .375rem; --bs-border-radius-sm: .25rem; --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-pill: 50rem;
}
:root[data-accent="petek"] .sayfa-govdesi > :is(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) { animation: none; }

/* ═══ 17. HAREKET AZALTMA — işletim sistemi ayarına saygı: bütün hareket durur, son hal görünür ══════ */
@media (prefers-reduced-motion: reduce) {
    :root[data-accent="petek"] .sayfa-kabugu::before,
    :root[data-accent="petek"] .sayfa-kabugu::after,
    :root[data-accent="petek"] .ust-bar::after,
    :root[data-accent="petek"] .sayfa-govdesi > *,
    :root[data-accent="petek"] .sayfa-govdesi .row > [class*="col"],
    :root[data-accent="petek"] .sayfa-govdesi .container-fluid > .d-flex:first-child :is(h4, h5).text-adapt:first-child,
    :root[data-accent="petek"] .modal.show .modal-content,
    :root[data-accent="petek"] .dropdown-menu.show,
    :root[data-accent="petek"] .alert::before,
    :root[data-accent="petek"] :is(.form-control, .form-select, .form-check-input):is(.is-invalid, .invalid),
    :root[data-accent="petek"] :is(.validation-message, .invalid-feedback)::before {
        animation: none !important;
    }
    :root[data-accent="petek"] .sayfa-kabugu::after,
    :root[data-accent="petek"] .ust-bar::after { display: none; }
    :root[data-accent="petek"] :is(.sidebar .grup-baslik, .sidebar .grup-baslik::before, .sidebar .nav-link, .card, .card::after, .btn, .nav-tabs .nav-link, .form-control, .form-select, .table > tbody > tr > *) { transition: none !important; }
}

/* ═══ 18. KLASİK'TEN DEVRALINAN CANLI ÖLÇÜM DÜZELTMELERİ (K-045 ortak ölçüt) ═════════════════════ */

/* (a) GENEL K-213 yazı tavanı: başlık, büyük sayı ve .fs-* sınıfları üst çubuktaki kurum adından büyük olmaz. */
:root[data-accent="petek"] .sayfa-kabugu :is(h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { font-size: var(--p-tavan) !important; }
:root[data-accent="petek"] .sayfa-kabugu :is(h6, .h6):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { font-size: 15px !important; }
:root[data-accent="petek"] .sayfa-kabugu :is(.fs-1, .fs-2, .fs-3, .fs-4, .fs-5, .fs-6, .lead, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6):not(i):not(.bi):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { font-size: var(--p-tavan) !important; }

/* (b) Köşe en çok 2 px (K-042). admin.css'in ve sayfaların kendi değerleri burada toplanır; dönen gösterge ve seçenek düğmesi hariç. */
:root[data-accent="petek"] .sayfa-kabugu :not(.spinner-border):not(.spinner-grow):not([type="radio"]):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi)):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { border-radius: 2px !important; }
:root[data-accent="petek"] .sayfa-kabugu.menu-dar .sidebar:hover { box-shadow: 3px 0 0 rgba(43, 49, 54, .14); }

/* (c) Profil kutusu: içteki harf kutusu "text-adapt" ile koyu yazıyordu */
:root[data-accent="petek"] .header-avatar * { color: inherit !important; background: transparent !important; }

/* (d) Alt bilgi = alt şerit: yarı saydam beyaz bant, bağlantılar arasında "//" ayıracı */
:root[data-accent="petek"] .iskf-footer {
    background: rgba(243, 246, 248, .86);
    border-top: 1px solid var(--p-cizgi);
    color: var(--text-muted);
}
:root[data-accent="petek"][data-bs-theme="dark"] .iskf-footer { background: rgba(22, 29, 34, .92); }
:root[data-accent="petek"] .iskf-linkler::before { content: ""; width: 10px; height: 11px; background: var(--p-uc) center / 10px 11px no-repeat; margin-right: .55rem; flex: none; }
:root[data-accent="petek"] .iskf-ayrac { font-size: 0 !important; }
:root[data-accent="petek"] .iskf-ayrac::after { content: "//"; font-size: .72rem; letter-spacing: .1em; color: var(--text-muted); }
:root[data-accent="petek"] .iskf-linkler a { color: var(--text-muted); }
:root[data-accent="petek"] .iskf-linkler a:hover { color: var(--p-celik-yazi); }
:root[data-accent="petek"][data-bs-theme] .iskf-ayrac,
:root[data-accent="petek"] .iskf-telif { color: var(--text-muted); }
:root[data-accent="petek"][data-bs-theme] .iskf-m1 { color: var(--text-main); }
:root[data-accent="petek"][data-bs-theme] .iskf-m2 { color: var(--text-muted); }

/* (e) Sayfaya gömülü YAZI renkleri (Tailwind/Bootstrap tonları): anlam korunur, ton Petek paletinden. */
:root[data-accent="petek"] :is([style^="color:#16a34a"],[style*=";color:#16a34a"],[style*="; color:#16a34a"],[style^="color:#2e7d32"],[style*=";color:#2e7d32"],[style^="color:#198754"],[style*=";color:#198754"],[style^="color:#15803d"],[style^="color:#059669"]):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { color: var(--p-basari-yazi) !important; }
:root[data-accent="petek"] :is([style^="color:#dc2626"],[style*=";color:#dc2626"],[style*="; color:#dc2626"],[style^="color:#b91c1c"],[style^="color:#dc3545"],[style*=";color:#dc3545"],[style^="color:#ef4444"],[style^="color:#e11d48"]):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { color: var(--p-tehlike-yazi) !important; }
:root[data-accent="petek"] :is([style^="color:#f59e0b"],[style*=";color:#f59e0b"],[style*="; color:#f59e0b"],[style^="color:#d97706"],[style*=";color:#d97706"],[style^="color:#b45309"],[style*=";color:#b45309"],[style^="color:#ffc107"],[style^="color:#ca8a04"]):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { color: var(--p-uyari-yazi) !important; }
:root[data-accent="petek"] :is([style^="color:#0369a1"],[style*=";color:#0369a1"],[style^="color:#00529b"],[style*=";color:#00529b"],[style^="color:#0d6efd"],[style*=";color:#0d6efd"],[style^="color:#2563eb"],[style^="color:#0ea5e9"],[style^="color:#3b82f6"]):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { color: var(--p-bilgi-yazi) !important; }
:root[data-accent="petek"] :is([style^="color:#7c3aed"],[style*=";color:#7c3aed"],[style^="color:#6f42c1"],[style*=";color:#6f42c1"],[style^="color:#8b5cf6"]):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { color: var(--p-mor-yazi) !important; }

/* (f) Süs simgeleri (GENEL K-228): yazının önünde duran ve düğme/bağlantı/menü İÇİNDE olmayan simgeler, kart başlığındaki
       simge ve boş durum resimleri gizlenir; düğmelerdeki işlevli simgeler ve menü simgeleri kalır (Modern/Klasik ile aynı karar). */
:root[data-accent="petek"] .sayfa-kabugu i.bi:is(.me-1, .me-2, .me-3):not(button i):not(.btn i):not(a i):not(label i):not(.dropdown-item i):not(.nav-link i):not(.grup-baslik i):not(.input-group-text i):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *),
:root[data-accent="petek"] .sayfa-govdesi .card-header :is(h5, h6, .card-title) > i.bi,
:root[data-accent="petek"] .sayfa-govdesi .text-center > i.bi.d-block,
:root[data-accent="petek"] .sayfa-govdesi .text-center > i.bi[style*="font-size"] { display: none !important; }

/* (g) Saydamlıkla soldurulan yazı (text-muted-adapt opacity .65, pasif sekme, opacity-50/75): soluk görünüm RENKLE verilir. */
:root[data-accent="petek"] .text-muted-adapt:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { color: var(--text-muted) !important; opacity: 1 !important; }
:root[data-accent="petek"] .sayfa-govdesi .nav-tabs .nav-link:not(.active) { opacity: 1 !important; color: var(--text-muted) !important; }
:root[data-accent="petek"] .sayfa-kabugu :is(.opacity-50, .opacity-75):not(i):not(.bi):not(img):not(svg):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { opacity: 1 !important; filter: grayscale(1); color: var(--text-muted); }
:root[data-accent="petek"] .sayfa-govdesi i.bi:is(.display-1, .display-2, .display-3, .display-4, .display-5, .display-6, .fs-1):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { display: none !important; }
:root[data-accent="petek"] .bg-secondary.bg-opacity-10:not(.header-avatar *):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { background-color: var(--hover-bg) !important; }

/* liste kartlarının ikinci satırı (.isr-ikincil, opacity .62 → 3,98): soluk görünüm rengle */
:root[data-accent="petek"] .iskf-liste-satir .isr-ikincil { opacity: 1; color: var(--text-muted); }

/* (h) Renk tonlu kutu (bg-*-opacity-10/25) içindeki aynı renk yazı o rengin VURGU tonuyla yazılır. */
:root[data-accent="petek"] :is(.bg-primary.bg-opacity-10, .bg-primary.bg-opacity-25):is(.text-primary):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *),
:root[data-accent="petek"] :is(.bg-primary.bg-opacity-10, .bg-primary.bg-opacity-25) .text-primary:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { color: var(--bs-primary-text-emphasis) !important; }
:root[data-accent="petek"] :is(.bg-success.bg-opacity-10, .bg-success.bg-opacity-25):is(.text-success):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *),
:root[data-accent="petek"] :is(.bg-success.bg-opacity-10, .bg-success.bg-opacity-25) .text-success:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { color: var(--bs-success-text-emphasis) !important; }
:root[data-accent="petek"] :is(.bg-danger.bg-opacity-10, .bg-danger.bg-opacity-25):is(.text-danger):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *),
:root[data-accent="petek"] :is(.bg-danger.bg-opacity-10, .bg-danger.bg-opacity-25) .text-danger:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { color: var(--bs-danger-text-emphasis) !important; }
:root[data-accent="petek"] :is(.bg-warning.bg-opacity-10, .bg-warning.bg-opacity-25):is(.text-warning):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *),
:root[data-accent="petek"] :is(.bg-warning.bg-opacity-10, .bg-warning.bg-opacity-25) .text-warning:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { color: var(--bs-warning-text-emphasis) !important; }
:root[data-accent="petek"] :is(.bg-info.bg-opacity-10, .bg-info.bg-opacity-25):is(.text-info):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *),
:root[data-accent="petek"] :is(.bg-info.bg-opacity-10, .bg-info.bg-opacity-25) .text-info:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { color: var(--bs-info-text-emphasis) !important; }

/* (i) Tasarım liderinin Modern/Klasik kararları: süs simgesi kutuları ve menünün boş durum simgesi gizli (K-228), üst çubuk ve
       düğme simgeleri tek ses, fatura durum rozeti büyük harfte kesilmez, eş aralıklı yazı yerine gövde yazısı + eşit genişlikte
       rakam, tablolarda ikinci satır kalın değil, süzgeç şeridi etiketleri okunur boyda. */
:root[data-accent="petek"] .sayfa-govdesi :is(div, span):is(.rounded-circle, .rounded, .rounded-3)[class*="bg-opacity-"]:has(> i.bi:only-child):not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { display: none !important; }
:root[data-accent="petek"] .sidebar .text-center > i.bi.d-block { display: none !important; }
:root[data-accent="petek"] .ust-bar .header-btn :is(i.bi, .bi) { color: inherit !important; }
:root[data-accent="petek"] .btn i.bi:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { color: inherit !important; }
:root[data-accent="petek"] .fatura-durum-ozet { text-transform: none; letter-spacing: .02em; max-width: none !important; }
:root[data-accent="petek"] .ust-bar .bi-question-circle-fill::before { content: "\f505"; }
:root[data-accent="petek"] .ust-bar :is(.bi-question-circle, .bi-question-circle-fill) { color: var(--text-main) !important; }   /* yardım simgesi amber kalıyordu (Lidertas) */
:root[data-accent="petek"] .iskf-suzgec-serit .input-group-text { font-size: .78rem !important; font-weight: 600 !important; }
:root[data-accent="petek"] .iskf-suzgec-serit :is(.form-select, .form-control) { font-weight: 400 !important; }
:root[data-accent="petek"] .sayfa-kabugu .font-monospace:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { font-family: var(--p-govde-yazi) !important; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
:root[data-accent="petek"] .table > tbody .text-muted-adapt:not(:where(#teklif-sablonu, .a4-isolation-shield, #fis-alani, #hb-onizleme-icerik, .tema-disi) *) { font-weight: 400 !important; }

/* ═══ 19. KESİNTİ ŞERİDİ — bağlantı koptuğunda / sistem güncellenirken üstte (App.razor #components-reconnect-modal) ═
   Kömür şerit + çelik mavisi alt çizgi ve akan ışık; düğme köşeli (K-042). Giriş ekranı Modern'dir (data-tema="ac2"). */
:root[data-accent="petek"]:not([data-tema="ac2"]) #components-reconnect-modal { background: #2B3136 !important; color: #FFFFFF !important; box-shadow: none !important; border-bottom: 2px solid #6FA4CB !important; }
:root[data-accent="petek"]:not([data-tema="ac2"]) #components-reconnect-modal::after { background-image: linear-gradient(90deg, rgba(134, 182, 218, 0) 0%, #86B6DA 50%, rgba(134, 182, 218, 0) 100%) !important; }
:root[data-accent="petek"]:not([data-tema="ac2"]) #components-reconnect-modal .yukleniyor-animasyonu { border-color: rgba(255, 255, 255, .25); border-left-color: #86B6DA; }
:root[data-accent="petek"]:not([data-tema="ac2"]) #components-reconnect-modal .hata-ikonu { color: #86B6DA; }
:root[data-accent="petek"]:not([data-tema="ac2"]) #components-reconnect-modal .sayfayi-yenile-buton { border-radius: 0 !important; text-transform: uppercase; letter-spacing: .07em; font-family: var(--p-baslik-yazi); font-weight: 400; }
:root[data-accent="petek"]:not([data-tema="ac2"]) #components-reconnect-modal .baslik-yazisi { font-family: var(--p-baslik-yazi); font-weight: 400; letter-spacing: .1em; text-transform: uppercase; font-size: 13px; }

/* ═══ 20. PANO PETEK ŞERİDİ (js/petek/petek-serit.js) — Özet ekranının en üstünde, ekran genişliğince ════════════
   Dashboard.razor'daki ortak şerit kabı ([data-ac2-serit]) kullanılır. Şerit kartların ARKASINDA kalınca görünmüyordu
   (önizlemede ölçüldü): bu temada kendi bandı vardır — kap kabın üstüne oturur, içerik bandın altından başlar.
   Modern'in tuvalleri (varsa) bu temada gizli. */
:root[data-accent="petek"] .container-fluid:has(> .ac2-serit-kap) { position: relative; padding-top: 104px !important; }   /* Özet kabında .p-0 (!important) var */
:root[data-accent="petek"] .container-fluid:has(> .ac2-serit-kap) > :not(.ac2-serit-kap) { position: relative; z-index: 1; }
:root[data-accent="petek"] .ac2-serit-kap {
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 100px;
    z-index: 0;
    pointer-events: none;
}
:root[data-accent="petek"] .ac2-serit-kap > canvas:not(.petek-tuval) { display: none; }
:root[data-accent="petek"] .ac2-serit-kap > .petek-tuval { position: absolute; inset: 0; width: 100%; height: 100%; }
@media (max-width: 768px) {
    :root[data-accent="petek"] .container-fluid:has(> .ac2-serit-kap) { padding-top: 78px !important; }
    :root[data-accent="petek"] .ac2-serit-kap { height: 74px; }
}

} /* @media screen — yazdırmada tema uygulanmaz */