/* YMM Ofis teması — "Defter" (kullanıcı kararı 10.10.2026): kâğıt zemin, tek vurgu rengi (petrol mavisi), IBM Plex
   yazı tipleri; renk süs değil, yalnız durum bildirir (tamam / dikkat / hata / bilgi, her zaman sözcükle birlikte).
   Renk skalası config/settings.py UNFOLD["COLORS"]'ta (base = zemin ve yazı, primary = vurgu); burada tasarım
   değişkenleri, yazı tipleri ve Unfold'un varsayılanlarının üzerine yazılan ayrıntılar var. Yeni ekranlar renkleri
   doğrudan yazmaz, aşağıdaki değişkenleri kullanır. */

/* ---------- Yazı tipleri (IBM Plex, SIL OFL; ortak/static/ortak/fonts/plex/OFL.txt) ---------- */
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap;
    src: url("../fonts/plex/plex-sans-latin-ext-400.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1EFF, U+20A0-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap;
    src: url("../fonts/plex/plex-sans-latin-400.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 500; font-display: swap;
    src: url("../fonts/plex/plex-sans-latin-ext-500.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1EFF, U+20A0-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 500; font-display: swap;
    src: url("../fonts/plex/plex-sans-latin-500.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; font-display: swap;
    src: url("../fonts/plex/plex-sans-latin-ext-600.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1EFF, U+20A0-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; font-display: swap;
    src: url("../fonts/plex/plex-sans-latin-600.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 700; font-display: swap;
    src: url("../fonts/plex/plex-sans-latin-ext-700.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1EFF, U+20A0-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 700; font-display: swap;
    src: url("../fonts/plex/plex-sans-latin-700.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap;
    src: url("../fonts/plex/plex-mono-latin-ext-400.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1EFF, U+20A0-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap;
    src: url("../fonts/plex/plex-mono-latin-400.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap;
    src: url("../fonts/plex/plex-mono-latin-ext-500.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1EFF, U+20A0-20C0, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap;
    src: url("../fonts/plex/plex-mono-latin-500.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---------- Tasarım değişkenleri (açık görünüm varsayılan, koyu eşdeğer) ---------- */
:root {
    --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    --d-zemin: #f6f5f1;   --d-yuzey: #ffffff;   --d-cizgi: #e4e1d9;
    --d-yazi: #1b1f24;    --d-ikincil: #5b616b;
    --d-vurgu: #0b5f7a;   --d-vurgu-yazi: #ffffff; --d-vurgu-zemin: #e3f0f4; --d-secili: #eef6f8;
    --d-tamam: #1f7a4d;   --d-tamam-zemin: #e5f2ea;
    --d-dikkat: #8a5200;  --d-dikkat-zemin: #fbf0dc;
    --d-hata: #b42318;    --d-hata-zemin: #fbe9e7;
    --d-golge: 0 1px 2px rgba(27, 31, 36, .06);
    /* Boşluk ölçeği (kullanıcı kararı 15.10.2026, "orta" yoğunluk): ekranlarda aralıklar yalnız bunlarla verilir;
       sıklaştırmak / açmak için yalnız bu dört değer değişir */
    --b1: 4px;    /* küçük: simge–yazı, rozet içi */
    --b2: 8px;    /* dar: düğme grupları, başlık–içerik */
    --b3: 12px;   /* orta: bölümler, kutular, kartlar arası; kart iç dolgusu */
    --b4: 16px;   /* geniş: form bölümleri arası */
}
html.dark {
    --d-zemin: #111418;   --d-yuzey: #181c21;   --d-cizgi: #2a3038;
    --d-yazi: #e6e8eb;    --d-ikincil: #9aa3ae;
    --d-vurgu: #5fb3cf;   --d-vurgu-yazi: #06202a; --d-vurgu-zemin: #16303a; --d-secili: #1a2a31;
    --d-tamam: #5cc08a;   --d-tamam-zemin: #15301f;
    --d-dikkat: #e8a93c;  --d-dikkat-zemin: #33270f;
    --d-hata: #f2836f;    --d-hata-zemin: #3a1a16;
    --d-golge: none;
}
body { font-family: var(--font-sans); background-color: var(--d-zemin); }
html.dark body { background-color: var(--d-zemin); background-image: none; }
/* İçerik alanı kâğıt zemin (kartlar beyaz yüzey olarak ayrılır), yan menü yüzey renginde */
#main { background-color: var(--d-zemin) !important; }
#nav-sidebar, #nav-sidebar-inner, div:has(> #nav-sidebar) { background-color: var(--d-yuzey) !important; }
/* Tutarlar hizalı rakamla; VKN / belge no eş aralıklı yazıyla (hane hane okunur) */
td.sag, th.sag, .sag, .kdv-tutar, .pano-kutu-sayi { font-variant-numeric: tabular-nums; }
td[data-alan="satici_vkn"], td[data-alan="vkn"], td[data-alan="belge_no"], td[data-alan="fatura_no"],
td[data-alan="seri"], .mono { font-family: var(--font-mono); font-size: .95em; }

/* ---------- Düğmeler: ana düğme düz vurgu rengi (gradyan yok) ---------- */
.bg-primary-600 { background-image: none !important; background-color: var(--d-vurgu) !important; border-color: transparent !important; }
button.bg-primary-600, a.bg-primary-600, input.bg-primary-600,
button.bg-primary-600 *, a.bg-primary-600 * { color: var(--d-vurgu-yazi) !important; font-weight: 600; }
button.bg-primary-600, a.bg-primary-600, input.bg-primary-600 { box-shadow: none; transition: filter .15s; }
button.bg-primary-600:hover, a.bg-primary-600:hover, input.bg-primary-600:hover { filter: brightness(1.12); }

/* Logo yazısı: düz, vurgu renginde */
#site-name a, #site-name { color: var(--d-yazi) !important; font-weight: 700; letter-spacing: -0.01em; }

/* ---------- Yan menü: tek renk simgeler; seçili öğe vurgu zemini ---------- */
nav a > .material-symbols-outlined.md-18 {
    width: 22px !important; height: 22px; display: inline-flex; align-items: center; justify-content: center;
    font-size: 18px !important; color: var(--d-ikincil) !important; background: none;
    margin-right: 10px !important; flex: 0 0 auto;
}
nav a.active > .material-symbols-outlined.md-18 { color: var(--d-vurgu) !important; }
nav a.active { background-color: var(--d-vurgu-zemin) !important; color: var(--d-vurgu) !important; }

/* Yan menü "İş Dosyası" bölümü (ortak/menu.py; yalnız iş dosyasına bağlı sayfalarda): ince çerçeveli kutu */
#nav-sidebar-apps > div:has(a[data-dosya-menu]) {
    margin: var(--b1) var(--b3) var(--b3); padding: 6px 0 4px;
    border: 1px solid var(--d-cizgi); border-radius: 10px; background: var(--d-yuzey);
}
#nav-sidebar-apps > div:has(a[data-dosya-menu]) > h2 { margin-left: 0; margin-right: 0; color: var(--d-vurgu); }
#nav-sidebar-apps > div:has(a[data-dosya-menu]) > ol { padding-left: 15px; padding-right: 15px; }
a[data-dosya-menu] > span:not(.material-symbols-outlined) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a[data-dosya-menu="kart"] { font-weight: 600; }
/* EK1'in istediği ama programda henüz ekranı olmayan liste: soluk, İade Listeleri panelindeki satırına gider */
a[data-dosya-menu="eksik"] { opacity: .6; font-style: italic; }

/* Yazılı ekle düğmesi ("Firma Ekle" gibi; templates/unfold/helpers/add_link.html) */
.ekle-dugmesi { white-space: nowrap; font-size: 14px; }
.ekle-dugmesi .material-symbols-outlined { font-size: 20px; }
.ekle-dugmesi.kucuk { height: 30px; padding: 0 12px 0 8px; font-size: 12px; width: max-content; }
.ekle-dugmesi.kucuk .material-symbols-outlined { font-size: 17px; }

/* Liste ekranları: "Tüm …" tablosu kart zemininde */
:root { --liste-zemin: var(--d-yuzey); }
.change-list #changelist div:has(> #result_list),
.change-list #changelist [class*="lg:rounded-t-default"] { background-color: var(--liste-zemin) !important; }

/* Satırın üzerine gelince sakin bir vurgu zemini (yükselme ve parıltı yok) */
#result_list tbody tr, .benim-bolumu .pano-tablo tbody tr { transition: background-color .12s ease; }
#result_list tbody tr:hover, .benim-bolumu .pano-tablo tbody tr:hover { background-color: var(--d-secili); }
/* Satırın tamamı tıklanabilir (ortak/js/satir_tiklama.js) */
#result_list tbody tr:has(a[href]), .pano-tablo tbody tr:has(a[href]) { cursor: pointer; }

/* ---------- Yol çubuğu ("Firmalar › Firmalar › …"; templates/unfold/helpers/header_title.html): düz yazı ---------- */
.yol-parca { padding: 2px 4px; border-radius: 6px; color: var(--d-ikincil) !important; font-weight: 500; }
a.yol-parca:hover { color: var(--d-vurgu) !important; background: var(--d-vurgu-zemin); }
.yol-parca.yol-son { color: var(--d-yazi) !important; font-weight: 600; }
.yol-ayrac { color: var(--d-ikincil); opacity: .7; }
/* Kısa parçalar küçülmez; yer daralırsa yalnızca son (uzun) parça kısaltılır */
.yol-parca:not(.yol-son), .yol-ayrac { flex: 0 0 auto; max-width: none; }
.yol-parca.yol-son { flex: 0 1 auto; min-width: 3rem; }

/* ---------- YMM kutusu (sağ üst: kullanıcının bağlı olduğu YMM) ---------- */
.ymm-kutusu {
  display: inline-flex; align-items: center; gap: var(--b2); max-width: 280px; padding: 4px 12px 4px 9px;
  border-radius: 999px; font-size: 13px; font-weight: 600; white-space: nowrap;
  color: var(--d-vurgu); background: var(--d-vurgu-zemin);
}
.ymm-kutusu .material-symbols-outlined { font-size: 18px; }
.ymm-kutusu-uyari { color: var(--d-dikkat); background: var(--d-dikkat-zemin); }
@media (max-width: 640px) { .ymm-kutusu { max-width: 150px; } }

/* ---------- Dosya yöneticisi penceresi (evrak/static/evrak/js/pencere.js) ---------- */
.evrak-pencere {
  position: fixed; z-index: 900; display: flex; flex-direction: column; overflow: hidden;
  background: var(--d-zemin); border: 1px solid var(--d-cizgi); border-radius: 12px;
  box-shadow: 0 18px 50px rgba(17, 20, 24, .28), 0 2px 8px rgba(17, 20, 24, .14);
}
.evrak-pencere.buyuk { inset: 8px; width: auto; height: auto; }
.evrak-pencere.kucuk { right: 16px; bottom: 16px; left: auto; top: auto; width: 300px; height: auto; }
.evrak-pencere.kucuk .evrak-pencere-cerceve, .evrak-pencere.kucuk .evrak-pencere-kose { display: none; }
.evrak-pencere-baslik {
  display: flex; align-items: center; gap: var(--b1); padding: 6px 8px 6px 12px; cursor: move; user-select: none;
  color: var(--d-yazi); background: var(--d-yuzey); border-bottom: 1px solid var(--d-cizgi); touch-action: none;
}
.evrak-pencere.buyuk .evrak-pencere-baslik, .evrak-pencere.kucuk .evrak-pencere-baslik { cursor: default; }
.evrak-pencere-simge { font-size: 20px; color: var(--d-vurgu); }
.evrak-pencere-ad { flex: 1; font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.evrak-pencere-baslik button { display: inline-flex; padding: 3px; border-radius: 6px; color: var(--d-ikincil); background: transparent; cursor: pointer; }
.evrak-pencere-baslik button:hover { background: var(--d-vurgu-zemin); color: var(--d-vurgu); }
.evrak-pencere-baslik button .material-symbols-outlined { font-size: 19px; }
.evrak-pencere-cerceve { flex: 1; width: 100%; border: 0; background: inherit; }
.evrak-pencere.tasiniyor .evrak-pencere-cerceve { pointer-events: none; }
.evrak-pencere-kose {
  position: absolute; right: 0; bottom: 0; width: 18px; height: 18px; cursor: nwse-resize; touch-action: none;
  background: linear-gradient(135deg, transparent 50%, var(--d-cizgi) 50%); border-bottom-right-radius: 12px;
}
.evrak-pencere.buyuk .evrak-pencere-kose { display: none; }

/* ---------- İşlem çubuğu (kayıt sayfası düğmeleri; ortak/templates/admin/islem_cubugu.html) ---------- */
.islem-cubugu { justify-content: flex-end; row-gap: var(--b2); margin-bottom: var(--b3); }

/* ---------- Dosya seçme düğmesi (kullanıcı isteği 05.10.2026: "Dosya Seç" ayırt edilemiyordu) ---------- */
input[type="file"] { font-size: 13px; color: inherit; }
input[type="file"]::file-selector-button {
    margin-right: 10px; padding: 6px 14px; border-radius: 8px; cursor: pointer; font-weight: 600; font-size: 13px;
    color: var(--d-vurgu); background: var(--d-yuzey); border: 1px solid var(--d-vurgu); transition: background-color .15s;
}
input[type="file"]::file-selector-button:hover { background: var(--d-vurgu-zemin); }

/* ---------- Liste akışı (listeler/akis.py): dosya kartındaki şerit ve liste ekranlarındaki onay kutusu ---------- */
.akis-seridi { margin: 0 0 var(--b3); padding: var(--b3) var(--b3); border: 1px solid var(--d-cizgi); border-radius: 10px; background: var(--d-yuzey); }
.akis-baslik { display: flex; align-items: center; gap: var(--b2); margin-bottom: var(--b2); font-size: 14px; }
.akis-baslik .pano-soluk, .akis-olaylar { color: var(--d-ikincil); font-size: 12px; }
.akis-tablo-kap { overflow-x: auto; }
.akis-tablo { border-collapse: collapse; font-size: 12px; }
.akis-tablo th, .akis-tablo td { padding: 4px 10px 4px 0; text-align: left; white-space: nowrap; }
.akis-tablo thead th { font-weight: 600; color: var(--d-ikincil); }
.akis-tablo tbody th { font-weight: 600; padding-right: 14px; }
.akis-ok { color: var(--d-ikincil); margin-right: 2px; }
.akis-olaylar { display: flex; flex-wrap: wrap; gap: var(--b1) var(--b3); margin-top: var(--b2); }
.akis-seridi .pano-etiket, .akis-onay .pano-etiket { display: inline-block; font-size: 11px; border-radius: 999px;
    padding: 1px 8px; border: 1px solid transparent; text-decoration: none; font-weight: 600; }
.pano-etiket.akis-onaylandi { color: var(--d-tamam); background: var(--d-tamam-zemin); }
.pano-etiket.akis-hazirlaniyor { color: var(--d-vurgu); background: var(--d-vurgu-zemin); }
.pano-etiket.akis-hazirlanabilir { color: var(--d-yazi); border-color: var(--d-cizgi); font-weight: 500; }
.pano-etiket.akis-bekliyor, .pano-etiket.akis-yok { color: var(--d-ikincil); border-color: var(--d-cizgi); border-style: dashed; font-weight: 500; }
.pano-etiket.akis-degisti { color: var(--d-dikkat); background: var(--d-dikkat-zemin); }
.pano-etiket.akis-guncel_degil { color: var(--d-hata); background: var(--d-hata-zemin); }
/* liste ekranlarındaki onay kutusu (.akis-onay, .akis-dugme): pano.css "Liste ekranlarının üst satırı" */

/* ---------- İş dosyası kokpiti (isler/kokpit.py, admin/isler/kokpit.html; dosya kartının üstünde) ---------- */
.kokpit { display: flex; flex-direction: column; gap: var(--b3); margin: 0 0 var(--b3); }
.kokpit-ust { display: flex; flex-direction: column; gap: var(--b3); padding: var(--b3) var(--b3); background: var(--d-yuzey); border: 1px solid var(--d-cizgi); border-radius: 10px; }
.kokpit-cipler { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b2) var(--b3); font-size: 13px; color: var(--d-ikincil); }
.kokpit-cip { padding: 2px 9px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.kokpit-cip.vurgu { color: var(--d-vurgu); background: var(--d-vurgu-zemin); }
.kokpit-cip.tamam { color: var(--d-tamam); background: var(--d-tamam-zemin); }
.kokpit-asamalar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b2) 0; margin: 0; padding: 0; list-style: none; font-size: 13px; }
.kokpit-asamalar li { display: flex; align-items: center; gap: var(--b2); color: var(--d-ikincil); white-space: nowrap; }
.kokpit-asamalar li + li::before { content: ""; width: 26px; height: 1.5px; margin: 0 var(--b2); background: var(--d-cizgi); }
.kokpit-asamalar i { width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
                     font-style: normal; font-size: 11px; font-weight: 700; border: 1.5px solid var(--d-cizgi); }
.kokpit-asamalar li.bitti i { color: var(--d-yuzey); background: var(--d-tamam); border-color: var(--d-tamam); }
.kokpit-asamalar li.simdi { color: var(--d-vurgu); font-weight: 600; }
.kokpit-asamalar li.simdi i { color: var(--d-vurgu); border-color: var(--d-vurgu); }
.kokpit-asamalar li.atlandi span { text-decoration: line-through; opacity: .7; }  /* karşıt gerekmiyor */
.kokpit-asamalar li.atlandi i { border-style: dashed; }
.kokpit-izgara { display: flex; flex-wrap: wrap; gap: var(--b3); align-items: flex-start; }
.kokpit-ana { flex: 999 1 520px; min-width: 0; }
.kokpit-ana .akis-seridi { margin: 0; }
.kokpit-yan { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: var(--b3); }
.kokpit-kart { padding: var(--b3) var(--b3); background: var(--d-yuzey); border: 1px solid var(--d-cizgi); border-radius: 10px; display: flex; flex-direction: column; gap: var(--b2); font-size: 13px; }
.kokpit-kart h3 { display: flex; justify-content: space-between; align-items: baseline; margin: 0 0 2px; font-size: 14px; font-weight: 600; }
.kokpit-kart h3 a, .kokpit-is a { color: var(--d-vurgu); font-weight: 500; font-size: 12.5px; }
.kokpit-is { display: flex; gap: var(--b2); align-items: baseline; line-height: 1.45; }
.kokpit-is a { font-size: 13px; color: inherit; text-decoration: underline; text-decoration-color: var(--d-cizgi); text-underline-offset: 2px; }
.kokpit-nokta { flex: 0 0 8px; height: 8px; border-radius: 50%; background: var(--d-vurgu); transform: translateY(-1px); }
.kokpit-is.hata .kokpit-nokta { background: var(--d-hata); }
.kokpit-is.hata { color: var(--d-hata); }
.kokpit-is.dikkat .kokpit-nokta { background: var(--d-dikkat); }
.kokpit-is.dikkat { color: var(--d-dikkat); }
.kokpit-sayi { display: flex; justify-content: space-between; gap: var(--b3); color: var(--d-ikincil); }
.kokpit-sayi b { color: var(--d-yazi); font-variant-numeric: tabular-nums; }
.kokpit-sayi.hata, .kokpit-sayi.hata b { color: var(--d-hata); }
.kokpit-sayi.tamam, .kokpit-sayi.tamam b { color: var(--d-tamam); }
.kokpit-yan.genis { flex-direction: row; flex-wrap: wrap; flex-basis: 100%; }
.kokpit-yan.genis > .kokpit-kart { flex: 1 1 300px; }

/* İş dosyası formu "Aylar" kutucukları (kullanıcı isteği 11.10.2026: alt alta değil, yan yana; 6'şar ay iki satır) */
.field-aylar #id_aylar { display: grid !important; grid-template-columns: repeat(6, minmax(84px, max-content)); gap: var(--b3) var(--b4); }
@media (max-width: 720px) { .field-aylar #id_aylar { grid-template-columns: repeat(3, minmax(84px, max-content)); } }

/* ---------- Liste satırındaki küçük eylem düğmesi (kullanıcı isteği 11.10.2026: "Oku", "Aç" belli olmuyordu) ---------- */
.liste-dugme { display: inline-flex; align-items: center; gap: var(--b1); padding: 3px 10px 3px 8px; border-radius: 7px;
  font-size: 12.5px; font-weight: 600; white-space: nowrap; color: var(--d-vurgu-yazi); background: var(--d-vurgu);
  text-decoration: none; border: 0; cursor: pointer; }
.liste-dugme:hover { filter: brightness(1.12); color: var(--d-vurgu-yazi); }
/* tablo içinde ".pano-tablo a" yazıyı zemin rengine boyuyordu (15.10.2026: "Görüntüle" yazısı görünmüyordu) */
.pano-tablo a.liste-dugme, .pano-tablo a.liste-dugme:hover { color: var(--d-vurgu-yazi); }
.liste-dugme:disabled { opacity: .45; cursor: not-allowed; filter: none; }
.liste-dugme .material-symbols-outlined { font-size: 16px; }

/* Tarih kutuları (ortak/js/tarih.js): eksik tarih (gg.aa.yyyy değil) kırmızı çerçeve */
input.tarih-eksik, input.tarih-eksik:focus { border-color: var(--d-hata) !important; outline-color: var(--d-hata) !important;
    background-color: var(--d-hata-zemin) !important; }

/* Tam genişlik (kullanıcı isteği 15.10.2026; 27" / 4K ekranda iki yan boş kalıyordu): Unfold'un "container"
   sınıfı içeriği ~1536 px'te ortalıyordu; programın sayfalarında (#page; giriş ekranı hariç) sınır yok */
#page .container { max-width: none; }

/* Unfold kayıt formları ve listeleri boşluk ölçeğinde (kullanıcı kararı 15.10.2026, "orta"): form satırı en az 59 px
   ve 10 px dolgu, bölümler arası 24 px, bölüm başlığı altı 16 px, liste üstü 24 px idi */
#content .field-line { min-height: 0; padding-top: 6px; padding-bottom: 6px; }
#content form .flex.flex-col.gap-6 { gap: var(--b4); }
#content fieldset h2.mb-4 { margin-bottom: var(--b2); }
#content .result-list-wrapper.mt-6 { margin-top: var(--b3); }
#content .form-field.mb-4, #content .form-checkbox.mb-4 { margin-bottom: var(--b3); }

/* ---------- Geri bildirim düğmesi ve penceresi (geri_bildirim/templates/admin/geri_bildirim/_pencere.html) ---------- */
.geri-bildirim-dugme {
  display: inline-flex; align-items: center; gap: var(--b1); padding: 4px 10px; border-radius: 999px;
  font-size: 13px; font-weight: 600; color: var(--d-ikincil); border: 1px solid var(--d-cizgi); background: var(--d-yuzey);
}
.geri-bildirim-dugme:hover { color: var(--d-vurgu); border-color: var(--d-vurgu); }
.geri-bildirim-dugme .material-symbols-outlined { font-size: 18px; }
@media (max-width: 640px) { .geri-bildirim-yazi { display: none; } }
.geri-bildirim-pencere {
  width: min(520px, calc(100vw - 32px)); padding: 0; border: 1px solid var(--d-cizgi); border-radius: 10px;
  color: var(--d-yazi); background: var(--d-yuzey); box-shadow: 0 12px 40px rgba(0, 0, 0, .2);
}
.geri-bildirim-pencere::backdrop { background: rgba(17, 20, 24, .35); }
.geri-bildirim-pencere form { display: flex; flex-direction: column; gap: var(--b3); padding: var(--b4); }
.geri-bildirim-pencere header, .geri-bildirim-pencere footer { display: flex; align-items: center; justify-content: space-between; }
.geri-bildirim-pencere header b { font-size: 15px; }
.geri-bildirim-kapat { color: var(--d-ikincil); }
.geri-bildirim-tur { display: flex; gap: var(--b4); border: 0; margin: 0; padding: 0; }
.geri-bildirim-tur label { display: inline-flex; align-items: center; gap: var(--b1); font-size: 14px; }
.geri-bildirim-pencere textarea {
  width: 100%; padding: var(--b2); border: 1px solid var(--d-cizgi); border-radius: 6px; font: inherit;
  color: var(--d-yazi); background: var(--d-zemin); resize: vertical;
}
.geri-bildirim-goruntu {
  display: block; padding: var(--b3); border: 1px dashed var(--d-cizgi); border-radius: 6px; cursor: pointer;
  font-size: 13px; color: var(--d-ikincil); text-align: center;
}
.geri-bildirim-goruntu:hover, .geri-bildirim-goruntu:focus { border-color: var(--d-vurgu); color: var(--d-vurgu); outline: none; }
.geri-bildirim-not { margin: 0; font-size: 12px; color: var(--d-ikincil); }
.geri-bildirim-sonuc { margin: 0; padding: var(--b2); border-radius: 6px; font-size: 13px; }
.geri-bildirim-sonuc.tamam { color: var(--d-tamam); background: var(--d-tamam-zemin); }
.geri-bildirim-sonuc.hata { color: var(--d-hata); background: var(--d-hata-zemin); }
.geri-bildirim-pencere footer a { font-size: 13px; color: var(--d-vurgu); }
.geri-bildirim-gonder {
  padding: 6px 18px; border-radius: 6px; font-size: 14px; font-weight: 600;
  color: var(--d-vurgu-yazi); background: var(--d-vurgu);
}
.geri-bildirim-gonder:disabled { opacity: .5; cursor: default; }