/* Feriye görünümü (Cengiz 07.11.2026: "Garanti Bankası'nın web sitesi gibi, telefonda Garanti mobil gibi"). Örnek alınan yalnız tasarım dili: beyaz üst çubuk + üstte ince bölüm şeridi, açık gri zemin, köşesi yuvarlak beyaz kartlar, yeşil ana düğme, lacivert başlıklar; telefonda alt sekme çubuğu ve tam ekran menü. Banka adı, logosu, yazı tipi, simgesi kullanılmaz; renkler Feriye'nin: lacivert #002D72, yeşil #00843D, logodaki nane #9DD2C9. */ :root { --fb-lacivert: #002D72; --fb-lacivert-koyu: #001B47; --fb-lacivert-acik: #1F4F9C; --fb-sari: #FFED00; --fb-sari-koyu: #C9A800; /* beyaz zeminde okunur sarı (yazı, ince çizgi) */ --fb-yesil: #00843D; --fb-beyaz: #ffffff; --nane: #9DD2C9; /* Feriye logosunun rengi */ --nane-koyu: #1D7A6E; /* beyaz zeminde okunur nane: menü simgeleri */ --nane-zemin: #E5F3F0; --lacivert: var(--fb-lacivert); --lacivert-koyu: var(--fb-lacivert-koyu); --yesil: var(--fb-yesil); --yesil-koyu: #006A31; --zemin: #F4F5FA; --zemin-koyu: #ECEFF6; --kart: var(--fb-beyaz); --cizgi: #E3E7EF; --cizgi-koyu: #C9D0DE; --yazi: #1D2333; --soluk: #5F677C; --iyi: var(--fb-yesil); --iyi-zemin: #E3F3EA; --fazla: #7A6200; --fazla-zemin: #FFF4C2; --eksik: #B3261E; /* yalnız hata / yasal uyarı için */ --eksik-zemin: #FDECEA; --sari: #FFF9C2; --golge: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 6px rgba(16, 24, 40, .04); --golge-ust: 0 6px 20px rgba(16, 24, 40, .10); --yaricap: 12px; --baslik-yazi: ui-serif, Georgia, Cambria, "Times New Roman", serif; /* sayfa başlıkları (masaüstü) */ --ust-h: 68px; /* yapışkan üst çubuğun yüksekliği */ --alt-h: 0px; /* telefondaki alt sekme çubuğu (masaüstünde yok) */ } /* Çalışma alanı */ .cl-gorev { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); margin-bottom: 16px; } .cl-kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 18px 20px; display: flex; flex-direction: column; gap: 8px; box-shadow: var(--golge); } .cl-kart h2 { margin: 0; display: flex; align-items: center; gap: 8px; } .cl-kart h2 .renk { width: 10px; height: 10px; border-radius: 99px; display: inline-block; } .cl-madde { display: flex; gap: 8px; align-items: flex-start; font-size: 13.5px; } .cl-madde .i { width: 20px; text-align: center; flex: none; } .cl-madde.tamam { color: var(--iyi); } .cl-madde.yap { color: var(--eksik); } .cl-madde.bilgi { color: var(--soluk); } .cl-dugmeler { display: flex; gap: 6px; flex-wrap: wrap; margin-top: auto; padding-top: 6px; } .cl-baglanti { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); } .cl-baglanti a { display: block; background: var(--kart); border: 1px solid var(--cizgi); border-radius: 12px; padding: 14px 16px; text-decoration: none; color: var(--yazi); } .cl-baglanti a:hover { border-color: var(--lacivert); box-shadow: 0 2px 8px rgba(16,24,40,.06); } .cl-baglanti a b { display: block; font-size: 15px; margin-bottom: 4px; color: var(--lacivert); } .cl-baglanti a span { font-size: 12.5px; color: var(--soluk); } .cl-baglanti a .rozet { float: right; } .cl-bolum-nav { display: flex; gap: 6px; flex-wrap: wrap; position: sticky; top: var(--ust-h); background: var(--zemin); padding: 8px 0; z-index: 5; margin-bottom: 8px; } .cl-bolum-nav a { padding: 6px 12px; border-radius: 99px; border: 1px solid var(--cizgi); background: #fff; text-decoration: none; color: var(--yazi); font-size: 13px; font-weight: 600; } .cl-bolum-nav a:hover { border-color: var(--lacivert); } .lk-alt-baslik { font-size: 14px; margin: 16px 0 8px; color: var(--lacivert); } * { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; background: var(--zemin); color: var(--yazi); font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; } a { color: var(--lacivert); } h1 { font-family: var(--baslik-yazi); font-size: 28px; font-weight: 700; line-height: 1.2; color: var(--lacivert); margin: 0; } h2 { font-size: 17px; font-weight: 650; line-height: 1.3; margin: 0 0 12px; } /* Üst şerit (bölümler · kişi · çıkış) ve beyaz üst çubuk (logo · menü) */ .ust-serit { background: var(--zemin-koyu); border-bottom: 1px solid var(--cizgi); font-size: 13px; } .ust-serit .ic { max-width: 1280px; margin: 0 auto; padding: 0 24px; min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 16px; } .bolumler { display: flex; align-items: stretch; align-self: stretch; flex-wrap: wrap; } .bolumler a, .bolumler-ad { position: relative; display: flex; align-items: center; padding: 0 14px; color: var(--yazi); text-decoration: none; font-weight: 600; white-space: nowrap; } .bolumler-ad { color: var(--soluk); padding-left: 0; } .bolumler a:first-child { padding-left: 0; } .bolumler a + a::before { content: ""; position: absolute; left: 0; top: 11px; bottom: 11px; width: 1px; background: var(--cizgi-koyu); } .bolumler a:hover { color: var(--yesil); } .bolumler a.aktif { color: var(--yesil); } .bolumler a.aktif::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--yesil); } .bolumler a.aktif:first-child::after { left: 0; } header.ust { position: sticky; top: 0; z-index: 50; background: #fff; color: var(--yazi); border-bottom: 1px solid var(--cizgi); box-shadow: 0 2px 12px rgba(16, 24, 40, .05); } header.ust .ic { max-width: 1280px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; gap: 8px 28px; min-height: var(--ust-h); } .logo { flex: none; display: inline-flex; align-items: center; gap: 12px; color: var(--lacivert); text-decoration: none; } .logo-img { height: 36px; width: auto; display: block; } .logo span { padding-left: 12px; border-left: 1px solid var(--cizgi-koyu); font-size: 12.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--lacivert); white-space: nowrap; } .giris-logo { display: block; width: 210px; max-width: 70%; height: auto; margin: 0 auto 14px; } .menu { display: flex; flex-wrap: wrap; align-items: center; gap: 0 2px; flex: 1; min-width: 0; padding: 6px 0; } .menu a { position: relative; color: var(--lacivert); text-decoration: none; font-weight: 600; font-size: 14px; padding: 10px 9px; white-space: nowrap; border-radius: 8px; } .menu a:hover { color: var(--yesil); } .menu a.aktif { color: var(--yesil); } .menu a.aktif::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 2px; height: 3px; border-radius: 3px; background: var(--yesil); } .menu .menu-ayrac { color: var(--cizgi-koyu); padding: 0 4px; user-select: none; } .rozet { display: inline-block; min-width: 18px; padding: 0 5px; border-radius: 99px; background: #E5484D; color: #fff; font-size: 11px; font-weight: 700; text-align: center; line-height: 18px; vertical-align: 1px; } .kim { display: flex; align-items: center; gap: 14px; color: var(--yazi); } .kim-ad { display: inline-flex; align-items: center; gap: 8px; color: var(--yazi); text-decoration: none; font-weight: 600; } .kim-ad:hover { color: var(--yesil); } .avatar { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--lacivert); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .02em; flex: none; } .kim button, .kim-cikis { background: none; border: 0; color: var(--lacivert); font: inherit; font-weight: 600; padding: 4px 0; cursor: pointer; } .kim button:hover { color: var(--yesil); } .ust-avatar, .alt-sekme, .mm-ac, .mm-sayfa { display: none; } main { max-width: 1280px; margin: 0 auto; padding: 28px 24px 56px; } .sayfa-basi { display: flex; align-items: center; justify-content: space-between; gap: 12px 16px; flex-wrap: wrap; margin-bottom: 20px; } .sayfa-basi .alt { color: var(--soluk); font-size: 13.5px; margin-top: 4px; } .gezinme { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; } /* Düğmeler ve formlar: ana düğme yeşil, ikincil beyaz */ .btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 8px 16px; border: 1px solid var(--cizgi-koyu); background: #fff; color: var(--lacivert); border-radius: 8px; text-decoration: none; cursor: pointer; font: inherit; font-weight: 600; line-height: 1.2; text-align: center; } .btn:hover { border-color: var(--lacivert); background: #F8F9FC; } .btn.ana { background: var(--yesil); border-color: var(--yesil); color: #fff; } .btn.ana:hover { background: var(--yesil-koyu); border-color: var(--yesil-koyu); } .btn.tehlike { color: var(--eksik); } .btn.kucuk { min-height: 30px; padding: 4px 10px; font-size: 12.5px; border-radius: 7px; } input, select, textarea { font: inherit; color: var(--yazi); padding: 8px 12px; border: 1px solid var(--cizgi-koyu); border-radius: 8px; background: #fff; width: 100%; min-height: 40px; } textarea { min-height: 72px; } td input, td select, td textarea { min-height: 0; } input:focus, select:focus, textarea:focus { outline: 3px solid rgba(0, 132, 61, .16); outline-offset: 0; border-color: var(--yesil); } input[type=checkbox], input[type=radio] { width: auto; min-height: 0; accent-color: var(--yesil); } input[type=file] { min-height: 0; padding: 6px; } label { display: block; font-size: 12.5px; font-weight: 600; color: var(--soluk); margin-bottom: 4px; } .izgara { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); } .alan.genis { grid-column: 1 / -1; } .secim { display: flex; gap: 18px; align-items: center; padding-top: 22px; } .secim label { display: flex; gap: 6px; align-items: center; font-size: 14px; font-weight: 400; color: var(--yazi); margin: 0; } /* Kartlar: beyaz, köşesi yuvarlak, çerçevesiz (ince gölge) */ .kart { background: var(--kart); border: 1px solid transparent; border-radius: var(--yaricap); padding: 20px 24px; margin-bottom: 16px; box-shadow: var(--golge); } .kart > h2:first-child, .kart > summary h2 { color: var(--yazi); } .kpiler { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); margin-bottom: 16px; } .kpi { background: var(--kart); border: 1px solid transparent; border-radius: var(--yaricap); padding: 16px 18px; box-shadow: var(--golge); } .kpi .baslik { font-size: 12.5px; font-weight: 600; color: var(--soluk); } .kpi .deger { font-size: 26px; font-weight: 700; margin: 6px 0 2px; color: var(--yazi); font-variant-numeric: tabular-nums; letter-spacing: -.01em; } .kpi .not { font-size: 12.5px; color: var(--soluk); } .iki-sutun { display: grid; gap: 16px; grid-template-columns: 1fr 1fr; } @media (max-width: 900px) { .iki-sutun { grid-template-columns: 1fr; } } /* Tablolar: açık başlık satırı, ince çizgiler */ .tablo-kap { overflow-x: auto; max-width: 100%; } table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; } th { background: var(--zemin-koyu); color: var(--lacivert); font-weight: 650; font-size: 12px; text-align: left; padding: 9px 10px; white-space: nowrap; border-bottom: 1px solid var(--cizgi-koyu); } td { padding: 8px 10px; border-bottom: 1px solid var(--cizgi); vertical-align: top; } td.s, th.s { text-align: right; } tr.toplam td { font-weight: 700; background: var(--zemin-koyu); border-top: 2px solid var(--lacivert); } tr:hover td { background: #F8F9FC; } tr.toplam:hover td { background: var(--zemin-koyu); } .soluk { color: var(--soluk); } .kucuk-yazi { font-size: 12px; } /* Durum etiketleri */ .etiket { display: inline-block; padding: 2px 9px; border-radius: 99px; font-size: 12px; font-weight: 600; white-space: nowrap; } .etiket.iyi { background: var(--iyi-zemin); color: var(--iyi); } .etiket.fazla { background: var(--fazla-zemin); color: var(--fazla); } .etiket.eksik { background: var(--eksik-zemin); color: var(--eksik); } .arti { color: var(--fazla); } .eksi { color: var(--eksik); } .iyi-y { color: var(--iyi); } /* Mesajlar: renkli zemin, çerçevesiz */ .mesajlar { margin-bottom: 16px; display: grid; gap: 8px; } .mesaj { padding: 12px 16px; border-radius: 10px; border: 1px solid transparent; } .mesaj.basari { background: var(--iyi-zemin); color: var(--iyi); } .mesaj.hata { background: var(--eksik-zemin); color: var(--eksik); } .mesaj.uyari { background: var(--fazla-zemin); color: #6B5A00; } .mesaj.bilgi { background: #EAF1FB; color: #34465E; font-size: 12.5px; } .bos { text-align: center; padding: 40px 16px; color: var(--soluk); } .grafik { position: relative; height: 280px; } /* Giriş ekranı: lacivert bant + Feriye logosu (nane), altında form */ .giris-kutu { max-width: 400px; margin: 8vh auto; background: #fff; border-radius: 16px; padding: 0 28px 28px; box-shadow: var(--golge-ust); overflow: hidden; } .giris-kutu .giris-bant { margin: 0 -28px 22px; padding: 30px 28px 24px; background: var(--lacivert); text-align: center; } .giris-kutu .giris-bant .giris-logo { margin: 0 auto; width: 170px; } .giris-kutu .giris-bant p { margin: 10px 0 0; color: var(--nane); font-size: 13px; letter-spacing: .06em; } .giris-kutu h1 { color: var(--lacivert); margin-bottom: 4px; } .giris-kutu form > div { margin-bottom: 14px; } .giris-kutu input { min-height: 48px; font-size: 16px; } .giris-kutu .btn.ana { min-height: 48px; font-size: 15px; } /* Menü grubunun sayfaları (09.11.2026): menüde tek başlık (Satış, Ekip, Kontrol…), sayfalar burada küçük sekmeler */ .alt-sekmeler { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; } .alt-sekmeler a { padding: 6px 13px; border-radius: 8px; background: var(--zemin-koyu); color: var(--soluk); font-weight: 600; font-size: 14px; text-decoration: none; white-space: nowrap; } .alt-sekmeler a:hover { color: var(--lacivert); } .alt-sekmeler a.aktif { background: var(--lacivert); color: #fff; } /* Dönem geçişi (Hafta / Ay / Yıl) ve ay düğmeleri */ .donem-gecis { display: inline-flex; padding: 3px; gap: 2px; border-radius: 10px; margin-bottom: 12px; background: var(--zemin-koyu); } .donem-gecis a { padding: 7px 18px; border-radius: 8px; text-decoration: none; color: var(--soluk); font-weight: 600; } .donem-gecis a:hover { color: var(--lacivert); } .donem-gecis a.aktif { background: #fff; color: var(--lacivert); box-shadow: 0 1px 3px rgba(16, 24, 40, .12); } .ay-sekmeleri { display: flex; gap: 8px; flex-wrap: wrap; margin: -4px 0 20px; } .ay-sekmeleri a { padding: 7px 15px; border-radius: 99px; border: 1px solid var(--cizgi-koyu); background: #fff; text-decoration: none; color: var(--yazi); font-weight: 600; white-space: nowrap; } .ay-sekmeleri a:hover { border-color: var(--lacivert); } .ay-sekmeleri a.aktif { background: var(--lacivert); border-color: var(--lacivert); color: #fff; } /* Yıl · ay (· gün) seçici, bütün sayfalarda: önce yıl, sonra o yılın ayları, varsa gün kutusu (07.11.2026) */ .ay-sekmeleri.yil-ay { align-items: center; } .ay-sekmeleri.yil-ay .ya-yillar, .ay-sekmeleri.yil-ay .ya-aylar { display: contents; } .ay-sekmeleri .ay-kisa { display: none; } .ay-sekmeleri.yil-ay a.yil { font-weight: 800; } .ay-sekmeleri.yil-ay a.yil:not(.aktif) { background: var(--zemin-koyu); } .ay-sekmeleri.yil-ay .ayrac { width: 1px; align-self: stretch; background: var(--cizgi-koyu); margin: 2px 6px; } .ay-sekmeleri .gun-sec { display: inline-flex; align-items: center; gap: 6px; margin-left: 4px; font-size: 13px; color: var(--soluk); white-space: nowrap; } .ay-sekmeleri .gun-sec select { padding: 7px 12px; border: 1px solid var(--cizgi-koyu); border-radius: 99px; background: #fff; font: inherit; font-size: 14px; font-weight: 600; color: var(--yazi); width: auto; } /* Özet: ay aralığı düğmesi (önce ilk ay, sonra son ay) */ .ay-sekmeleri button { padding: 7px 15px; border-radius: 99px; border: 1px dashed var(--lacivert); background: #fff; color: var(--lacivert); font: inherit; font-weight: 600; cursor: pointer; } .ay-sekmeleri button.aktif, .ay-sekmeleri button.secim { background: var(--lacivert); color: #fff; border-style: solid; } .ay-sekmeleri a.secim { outline: 3px solid #f2c94c; outline-offset: 1px; } .cubuk { position: relative; background: var(--zemin-koyu); border-radius: 6px; height: 22px; } .cubuk span { position: absolute; left: 0; top: 0; bottom: 0; background: #BFD3EA; border-radius: 6px; } .cubuk em { position: relative; font-style: normal; padding-left: 8px; line-height: 22px; font-variant-numeric: tabular-nums; } .model-onizleme { background: var(--sari); border: 1px solid #F0DC5A; border-radius: 8px; padding: 10px 12px; font-size: 13px; } /* Kayıp eşya */ .kpi-link { text-decoration: none; color: inherit; } .kpi-link:hover { border-color: var(--lacivert); } .kpi-link.secili { border-color: var(--lacivert); box-shadow: inset 0 0 0 1px var(--lacivert); } .fazla-y { color: var(--fazla); } .suzgec { display: grid; gap: 12px; grid-template-columns: 180px 200px 1fr auto; align-items: end; } .suzgec .btn { margin-left: 4px; } .kayip-tablo td { vertical-align: middle; } .foto-hucre { position: relative; width: 72px; } .foto-hucre img { width: 64px; height: 64px; object-fit: cover; border-radius: 6px; display: block; border: 1px solid var(--cizgi); } .foto-sayi { position: absolute; right: 6px; bottom: 6px; background: rgba(0,0,0,.65); color: #fff; font-size: 11px; border-radius: 4px; padding: 0 4px; } .foto-yok { display: flex; width: 64px; height: 64px; align-items: center; justify-content: center; border: 1px dashed var(--cizgi); border-radius: 6px; font-size: 10px; color: var(--soluk); text-align: center; } .foto-ekle { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; } .foto-ekle label.btn { display: inline-block; margin: 0; font-size: 14px; } .foto-ekle label.btn.ana { color: #fff; } .foto-galeri { display: flex; gap: 10px; flex-wrap: wrap; } .foto-galeri:not(:empty) { margin-top: 12px; } .foto-galeri figure { margin: 0; display: grid; gap: 4px; justify-items: start; } .foto-galeri img { width: 150px; height: 150px; object-fit: cover; border-radius: 8px; border: 1px solid var(--cizgi); display: block; } .soluk-alan { opacity: .55; } .teslim-kutu { margin-top: 14px; padding: 12px; border: 1px solid #F0DC5A; background: var(--sari); border-radius: 8px; } .teslim-kutu h2 { margin-bottom: 8px; } .tutanak-adimlar { display: grid; gap: 6px; margin-top: 12px; font-size: 13px; } .tutanak-adimlar > div { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; } .tutanak-adimlar label.btn { display: inline-block; margin: 0; font-size: 12px; } .tutanak-adimlar label.btn.ana { color: #fff; } details.kart summary { cursor: pointer; } /* Lokanta */ .lk-giris-yazi { border-left: 4px solid var(--nane); font-size: 15px; line-height: 1.55; white-space: pre-line; } .lk-hedef td { vertical-align: middle; line-height: 1.35; } .lk-gg th.lk-ogun-bas { text-align: center; border-left: 2px solid #fff; } .lk-gg td.lk-ogun { border-left: 2px solid var(--cizgi); } /* Lokanta pano: sabah özeti */ .lk-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 16px; } .lk-hero-kutu { background: var(--kart); border: 1px solid transparent; border-radius: var(--yaricap); padding: 18px 20px; box-shadow: var(--golge); } .lk-hero-dun { color: #fff; border: 0; background: linear-gradient(135deg, #0B3F8F, var(--lacivert)); } .lk-hero-dun.iyi { background: linear-gradient(135deg, #00843D, #00612D); } .lk-hero-dun.zayif { background: linear-gradient(135deg, #a33a2c, #7d2a1f); } .lk-hero-ust { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; opacity: .75; } .lk-hero-rakam { font-size: 32px; font-weight: 800; margin: 6px 0 2px; font-variant-numeric: tabular-nums; line-height: 1.1; } .lk-hero-rakam span { font-size: 13px; font-weight: 600; opacity: .7; } .lk-hero-alt { font-size: 13px; opacity: .9; } .lk-hero-satir { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 10px; font-size: 12.5px; } .lk-hero-dun .lk-hero-satir span { background: rgba(255,255,255,.14); padding: 3px 8px; border-radius: 99px; } .lk-ilerleme { position: relative; height: 12px; background: #EEF2F8; border-radius: 99px; margin: 10px 0 6px; overflow: visible; } .lk-ilerleme .dolu { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 99px; background: #FFED00; } .lk-ilerleme .dolu.iyi { background: #00843D; } .lk-ilerleme .beklenen { position: absolute; top: -4px; bottom: -4px; width: 2px; background: var(--yazi); } .lk-ilerleme .tahmin { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 99px; background: #FFF6A6; } /* yıl sonu tahmini */ tr.ara-toplam td { font-weight: 700; background: #F6F8FB; } /* yıllık rapor: toplam banket */ .lk-hero-tablo { margin: 6px 0; font-size: 12.5px; } .lk-hero-tablo td { padding: 3px 4px; border: 0; } @media (max-width: 900px) { .lk-hero { grid-template-columns: 1fr; } } .lk-birak { border: 2px dashed #b9c3cd; text-align: center; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; min-height: 170px; transition: background .15s, border-color .15s; } .lk-birak:hover, .lk-birak.ustunde { border-color: var(--lacivert); background: #EEF2F8; } .lk-birak input[type=file] { display: none; } .lk-birak-ikon { font-size: 30px; color: var(--lacivert); line-height: 1; } .lk-kilit { display: inline-flex; align-items: center; gap: 4px; margin: 0 8px; } .lk-kilit input { width: 180px; } td.lk-grup { background: #EEF2F8; font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--lacivert); } .lk-not ol, .lk-aciklama { margin: 0; padding-left: 20px; display: grid; gap: 6px; } .lk-aciklama li { line-height: 1.5; } .lk-giris td { padding: 3px 4px; vertical-align: middle; } .lk-giris input, .lk-giris select { padding: 4px 6px; min-width: 64px; } .lk-giris select { min-width: 96px; } .lk-giris td:first-child { white-space: nowrap; } .lk-gunler { display: grid; gap: 8px; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); margin-top: 10px; } .lk-gunler > div { display: grid; grid-template-columns: 22px 1fr 1fr; gap: 4px; align-items: center; } .lk-gunler label { margin: 0; text-align: right; } .lk-gunler input { padding: 4px 5px; } /* Telefon: uygulama görünümü (07.11.2026) — beyaz üst çubuk (logo · bölüm · avatar), altta sabit sekme çubuğu (menünün ilk dördü + Menü), Menü'de tam ekran liste: sayfalar, bölümler, kişi, çıkış */ @media (max-width: 760px) { :root { --ust-h: 56px; --alt-h: calc(60px + env(safe-area-inset-bottom, 0px)); } body.girisli { padding-bottom: var(--alt-h); } .ust-serit, header.ust .menu { display: none; } header.ust .ic { padding: 0 16px; gap: 12px; } .logo { gap: 10px; } .logo-img { height: 30px; } .logo span { font-size: 11.5px; padding-left: 10px; } .ust-avatar { display: inline-grid; margin-left: auto; width: 34px; height: 34px; font-size: 13px; cursor: pointer; } main { padding: 16px 16px 24px; } h1 { font-size: 23px; } .sayfa-basi { margin-bottom: 14px; } .kpiler { grid-template-columns: 1fr 1fr; gap: 10px; } .kpi { padding: 14px; } .kpi .deger { font-size: 22px; } .kart { padding: 16px; border-radius: 14px; } .gezinme { width: 100%; } .gezinme input[type=date] { width: auto; } .grafik { height: 220px; } td, th { padding: 6px 7px; } .suzgec { grid-template-columns: 1fr 1fr; } .suzgec .ara { grid-column: 1 / -1; } .foto-galeri img { width: 104px; height: 104px; } /* Sayfa yana kaymasın (Cengiz 09.11.2026: "telefonda sağa sola kayma oluyor"): düğme satırları alt satıra geçer, ızgaradaki kartlar ekrana sığar (geniş tablo kendi kutusunda kayar), taşan kalırsa kesilir */ html, body { overflow-x: clip; } .iki-sutun > *, .lk-hero > *, .op-hero > *, .ty-alan > *, .ak-evrak > *, .ak-gunler > *, .kart { min-width: 0; } .ay-sekmeleri { gap: 6px; margin: 0 0 16px; } .ay-sekmeleri a { padding: 6px 11px; font-size: 14px; } .ay-sekmeleri.yil-ay { display: block; } .ay-sekmeleri.yil-ay .ya-yillar { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; } .ay-sekmeleri.yil-ay .ya-aylar { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; } .ay-sekmeleri.yil-ay .ya-aylar a { padding: 7px 0; text-align: center; } .ay-sekmeleri.yil-ay .ayrac { display: none; } .ay-sekmeleri .ay-uzun { display: none; } .ay-sekmeleri .ay-kisa { display: inline; } .ay-sekmeleri .gun-sec { display: flex; margin: 8px 0 0; } .ay-sekmeleri .gun-sec select { flex: 1; } .donem-gecis { display: flex; width: 100%; } .donem-gecis a { flex: 1; text-align: center; padding: 8px 6px; } /* Sayfanın altına yapışan çubuklar sekme çubuğunun üstünde kalsın */ .kl-cubuk, .rz-sabit-alt, .eylem-cubugu, .ks-kaydet { bottom: var(--alt-h); } /* Alt sekme çubuğu */ .alt-sekme { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: flex; align-items: stretch; height: var(--alt-h); padding-bottom: env(safe-area-inset-bottom, 0px); background: #fff; border-top: 1px solid var(--cizgi); box-shadow: 0 -4px 16px rgba(16, 24, 40, .06); } .alt-sekme > a, .alt-sekme > .mm-dugme { flex: 1 1 0; min-width: 0; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 6px 2px; color: var(--soluk); text-decoration: none; font-size: 10.5px; font-weight: 600; line-height: 1.15; text-align: center; cursor: pointer; overflow: hidden; } .alt-sekme > a:nth-of-type(n+5), .alt-sekme > span { display: none; } .alt-sekme > a::before, .alt-sekme > .mm-dugme::before { content: ""; flex: none; width: 24px; height: 24px; background: currentColor; -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; } .alt-sekme > a.aktif { color: var(--yesil); } .alt-sekme > .mm-dugme { margin: 0; } /* Kısa ad: uzun yazı gizlenir (font-size 0, boş satır aralığı kalmasın diye gap 0), kısa ad ::after ile */ .alt-sekme > a[data-k] { font-size: 0; gap: 0; } .alt-sekme > a[data-k]::before { margin-bottom: 4px; } .alt-sekme > a[data-k]::after { content: attr(data-k); font-size: 10.5px; } .alt-sekme .rozet { position: absolute; top: 5px; left: calc(50% + 6px); font-size: 10px; line-height: 16px; min-width: 16px; } /* Tam ekran menü */ .mm-ac:checked ~ .mm-sayfa { display: block; } body:has(.mm-ac:checked) { overflow: hidden; } .mm-sayfa { position: fixed; inset: 0; z-index: 55; background: var(--zemin); overflow-y: auto; padding: 0 16px calc(var(--alt-h) + 16px); -webkit-overflow-scrolling: touch; } /* sekme çubuğunun (60) altında: Menü'ye tekrar basınca kapanır */ body:has(.mm-ac:checked) .alt-sekme > .mm-dugme { color: var(--yesil); } .mm-ust { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; margin: 0 -16px 14px; padding: 12px 16px; background: #fff; border-bottom: 1px solid var(--cizgi); font-size: 17px; } .mm-kapat { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: var(--zemin-koyu); font-size: 15px; cursor: pointer; } .mm-kisi { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: #fff; border-radius: 14px; text-decoration: none; color: var(--yazi); box-shadow: var(--golge); margin-bottom: 18px; } .mm-kisi .avatar { width: 40px; height: 40px; font-size: 14px; } .mm-kisi b { display: block; font-size: 15px; } .mm-kisi small { color: var(--soluk); } .mm-baslik { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--soluk); margin: 0 0 8px 4px; } .mm-liste { display: block; background: #fff; border-radius: 14px; box-shadow: var(--golge); margin-bottom: 18px; overflow: hidden; } .mm-liste > span { display: none; } .mm-liste a { position: relative; display: flex; align-items: center; min-height: 58px; padding: 10px 40px 10px 68px; color: var(--yazi); text-decoration: none; font-size: 15px; font-weight: 600; border-top: 1px solid var(--cizgi); background: var(--ok-sag) right 12px center / 18px no-repeat; } .mm-liste a:first-of-type { border-top: 0; } .mm-liste a::before { content: ""; position: absolute; left: 16px; top: 50%; width: 38px; height: 38px; margin-top: -19px; border-radius: 11px; background: var(--nane-zemin); } .mm-liste a::after { content: ""; position: absolute; left: 23px; top: 50%; width: 24px; height: 24px; margin-top: -12px; background: var(--nane-koyu); -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; } .mm-liste a.aktif { color: var(--yesil); } .mm-liste a.aktif::before { background: var(--iyi-zemin); } .mm-liste a.aktif::after { background: var(--yesil); } .mm-liste .rozet { margin-left: 8px; } .mm-onizle { margin-bottom: 18px; } .mm-onizle .onizle-sec { display: flex; flex-wrap: wrap; gap: 8px; } .mm-onizle select { flex: 1; max-width: none; min-height: 40px; } .mm-cikis .btn { width: 100%; min-height: 48px; } } @media print { header.ust, .ust-serit, .alt-sekme, .mm-sayfa, .gezinme, .btn, .yazdirma-yok { display: none !important; } body { background: #fff; padding: 0; } .kart, .kpi { break-inside: avoid; } } /* Departman gelirleri kartı */ .gp-cubuk { display: inline-block; width: 80px; height: 8px; background: var(--cizgi); border-radius: 4px; overflow: hidden; vertical-align: middle; margin-right: 6px; } .gp-cubuk span { display: block; height: 100%; background: var(--iyi); } .gp-cubuk span.az { background: var(--eksik); } /* ---------- Operasyon panosu (feriye.acunguc.net) ---------- */ body.alan-operasyon { --lacivert: #002D72; --lacivert-koyu: #001B47; } .op-bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin: 4px 0 18px; } .op-bas h1 { margin: 2px 0 4px; font-size: 28px; letter-spacing: -.01em; } .op-tarih { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--soluk); font-weight: 700; } .op-kontrol-rozet { padding: 10px 14px; border-radius: 12px; font-size: 13.5px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } .op-kontrol-rozet.iyi { background: var(--iyi-zemin); color: var(--iyi); } .op-kontrol-rozet.kotu { background: #fbe9e7; color: var(--eksik); } .op-kontrol-rozet a { color: inherit; font-weight: 600; } .op-hero { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 14px; margin-bottom: 16px; } .op-kutu { display: block; background: var(--kart); border: 1px solid transparent; border-radius: 16px; padding: 18px 20px; color: var(--yazi); text-decoration: none; transition: transform .15s, box-shadow .15s; box-shadow: var(--golge); } a.op-kutu:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(16,24,40,.08); } .op-kutu.koyu { color: #fff; border: 0; background: linear-gradient(135deg, #002D72 0%, #1F4F9C 100%); } .op-ust { font-size: 11.5px; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; opacity: .75; display: flex; align-items: center; gap: 6px; } .op-rakam { font-size: 34px; font-weight: 800; margin: 8px 0 6px; font-variant-numeric: tabular-nums; line-height: 1.1; } .op-rakam span { font-size: 14px; font-weight: 600; opacity: .65; } .op-alt { font-size: 13px; opacity: .9; } .op-satir { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; font-size: 12.5px; } .op-satir span { background: var(--zemin); padding: 3px 9px; border-radius: 99px; } .op-gecen { margin-top: 10px; padding-top: 8px; border-top: 1px dashed rgba(127,127,127,.35); font-size: 12.5px; opacity: .85; } .op-ilerleme { height: 8px; border-radius: 99px; background: rgba(127,127,127,.22); overflow: hidden; margin: 6px 0 8px; } .op-ilerleme span { display: block; height: 100%; background: #00843D; border-radius: 99px; } .op-ilerleme span.az { background: #C9A800; } .nokta { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 6px; vertical-align: 1px; } .nokta.lokanta { background: #00843D; } .nokta.banket { background: #002D72; } .nokta.shift { background: #C9A800; } .nokta.kayip { background: #1F4F9C; } .op-grafik { display: flex; gap: 6px; align-items: flex-end; overflow-x: auto; padding: 6px 2px 2px; } .op-sutun { flex: 1 0 34px; text-align: center; font-size: 11px; } .op-sutun-alan { position: relative; height: 170px; display: flex; align-items: flex-end; justify-content: center; } .op-sutun-alan b { display: block; width: 70%; border-radius: 6px 6px 2px 2px; background: #00843D; min-height: 2px; } .op-sutun-alan b.az { background: #C9A800; } .op-sutun-alan b.notr { background: #002D72; } /* hedefsiz grafik (Banket gün gün ciro) */ .op-hedef { position: absolute; left: 4%; right: 4%; border-top: 2px dashed #002D72; opacity: .55; } .op-sutun-deger { font-weight: 700; margin-top: 4px; font-variant-numeric: tabular-nums; } .op-sutun-gun { color: var(--soluk); line-height: 1.2; } .op-sutun-gun span { font-size: 10px; } table.op-kontrol td { vertical-align: top; } .op-k-ikon { width: 26px; text-align: center; font-weight: 800; } .op-k-tamam .op-k-ikon { color: var(--iyi); } .op-k-fark .op-k-ikon, .op-k-fark td b { color: var(--eksik); } .op-k-fark { background: #fdf3f2; } .op-k-eksik .op-k-ikon { color: var(--fazla); } .op-k-bilgi .op-k-ikon { color: var(--soluk); } .op-durum { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; margin-bottom: 10px; } .op-durum div { background: var(--zemin); border-radius: 10px; padding: 10px 12px; } .op-durum b { display: block; font-size: 22px; } .op-durum span { font-size: 12px; color: var(--soluk); } @media (max-width: 900px) { .op-hero { grid-template-columns: 1fr; } .op-rakam { font-size: 28px; } } /* GO önizleme şeridi ve salt görüntüleme */ .onizleme-serit { background: #FFF6B8; color: #6b4b00; border-bottom: 1px solid #F0DC5A; padding: 8px 16px; font-size: 13.5px; display: flex; gap: 12px; align-items: center; justify-content: center; flex-wrap: wrap; } .onizleme-serit form { display: inline; } .onizleme-serit button { cursor: pointer; } body.salt-okunur main form[method="post" i]:not(.serbest) { display: none !important; } body.salt-okunur .duzenle, body.salt-okunur a[href*="/yukle"], body.salt-okunur a[href*="/etkinlik/"], body.salt-okunur a[href*="/calisma"] { display: none !important; } /* Tek yükleme kutusu (Çalışma alanı) */ .ty-alan { display: grid; grid-template-columns: 1.1fr 1fr; gap: 16px; margin-bottom: 16px; } .ty-birak { position: relative; border: 2px dashed #8FA3C4; background: #F5F8FC; cursor: pointer; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 210px; margin-bottom: 0; transition: border-color .15s, background .15s; } .ty-birak:hover, .ty-birak.ustunde { border-color: var(--lacivert); background: #EEF2F8; } .ty-birak input[type=file] { display: none; } .ty-ikon { font-size: 40px; color: var(--lacivert); line-height: 1; } .ty-baslik { font-size: 20px; font-weight: 800; margin: 8px 0 4px; color: var(--lacivert); } .ty-secilen { margin: 10px 0; } .ty-rehber { margin-bottom: 0; } .ty-grup { font-size: 13px; padding: 7px 0; border-bottom: 1px solid var(--cizgi); line-height: 1.5; } .ty-grup:last-of-type { border-bottom: 0; } .ty-etiket { display: inline-block; font-size: 11px; font-weight: 700; padding: 1px 8px; border-radius: 99px; margin-right: 6px; color: #fff; } .ty-etiket.resmi { background: #002D72; } .ty-etiket.lokanta { background: #00843D; } .ty-etiket.banket { background: #002D72; } @media (max-width: 900px) { .ty-alan { grid-template-columns: 1fr; } } /* Günlük kontrol listesi (kayıp eşya sitesi) */ /* Kayıp ihbarları */ .ihbar-adaylar { display: grid; gap: 8px; } .ihbar-aday { display: flex; align-items: center; gap: 12px; padding: 10px; border: 1px solid var(--cizgi); border-radius: 8px; background: var(--kart); } .ihbar-aday + .ihbar-aday { margin-top: 8px; } .ihbar-adaylar .ihbar-aday + .ihbar-aday { margin-top: 0; } .ihbar-aday img { width: 72px; height: 72px; object-fit: cover; border-radius: 6px; border: 1px solid var(--cizgi); display: block; } .ihbar-aday .foto-yok { width: 72px; height: 72px; } .ihbar-aday-bilgi { flex: 1; min-width: 0; } .ihbar-aday form { margin: 0; } .benzerlik { height: 4px; background: #eef2f6; border-radius: 99px; margin-top: 6px; max-width: 220px; overflow: hidden; } .benzerlik span { display: block; height: 100%; background: var(--iyi); } .ihbar-eslesme { border-left: 4px solid var(--iyi); } .ihbar-olasi { border: 1px solid #f1d299; background: var(--fazla-zemin); } .btn.btn-bugun { background: var(--iyi); border-color: var(--iyi); color: #fff; font-weight: 600; } .btn.btn-tamam { border-color: #b5dfc6; background: var(--iyi-zemin); color: var(--iyi); } .kl-liste { display: grid; gap: 10px; margin-bottom: 16px; } .kl-madde { position: relative; background: var(--kart); border: 1px solid var(--cizgi); border-left: 4px solid var(--cizgi); border-radius: 10px; padding: 14px 16px; transition: border-color .15s, background .15s; } .kl-madde.kl-cevapli { border-left-color: var(--iyi); } .kl-madde.kl-sorunlu { border-left-color: var(--eksik); background: #fffafa; border-color: #f2c9c5; } .kl-madde.kl-eksik { border-color: var(--eksik); box-shadow: 0 0 0 3px var(--eksik-zemin); } .kl-ust { display: flex; align-items: center; gap: 14px; } .kl-no { flex: none; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #eef2f6; color: var(--lacivert); font-size: 13px; font-weight: 700; } .kl-madde.kl-cevapli .kl-no { background: var(--iyi-zemin); color: var(--iyi); } .kl-madde.kl-sorunlu .kl-no { background: var(--eksik-zemin); color: var(--eksik); } .kl-soru { flex: 1; font-size: 15px; font-weight: 600; line-height: 1.35; } .kl-not { margin-top: 4px; font-size: 12px; font-weight: 400; color: var(--soluk); } .kl-cevap { flex: none; display: inline-flex; padding: 3px; gap: 3px; background: #eef2f6; border-radius: 10px; } .kl-sec { position: relative; margin: 0; cursor: pointer; } .kl-sec input { position: absolute; opacity: 0; pointer-events: none; } .kl-sec span { display: block; min-width: 82px; padding: 8px 14px; border-radius: 8px; text-align: center; font-size: 14px; font-weight: 600; color: var(--soluk); transition: background .15s, color .15s; } .kl-sec:hover span { color: var(--yazi); } .kl-sec input:focus-visible + span { outline: 2px solid #9cc0e3; } .kl-sec.iyi input:checked + span { background: var(--iyi); color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.15); } .kl-sec.kotu input:checked + span { background: var(--eksik); color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.15); } .kl-dun { margin: 10px 0 0 44px; padding: 6px 10px; border-radius: 6px; background: var(--fazla-zemin); color: #7a4a00; font-size: 12.5px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; } .kl-dun .btn { margin-left: auto; } .kl-aciklama-kap { display: none; margin: 12px 0 0 44px; } .kl-aciklama-kap.acik { display: block; } .kl-aciklama { width: 100%; background: #fafbfc; } .kl-madde.kl-sorunlu .kl-aciklama { background: #fff; border-color: #e8a29c; } .kl-madde.kl-sorunlu .kl-aciklama:placeholder-shown { box-shadow: 0 0 0 3px #fde7e5; } .kl-not-ekle { display: block; margin: 6px 0 0 44px; padding: 0; border: 0; background: none; color: var(--soluk); font: inherit; font-size: 12px; cursor: pointer; } .kl-not-ekle:hover { color: var(--lacivert); } .kl-madde:has(.kl-aciklama-kap.acik) .kl-not-ekle { display: none; } .kl-alt { display: grid; gap: 12px; } .kl-cubuk { position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; gap: 16px; margin: 0 -16px; padding: 12px 16px; background: rgba(255,255,255,.96); backdrop-filter: blur(6px); border-top: 1px solid var(--cizgi); box-shadow: 0 -4px 14px rgba(0,0,0,.05); } .kl-ilerleme { flex: 1; min-width: 0; } .kl-bar { height: 6px; background: #eef2f6; border-radius: 99px; overflow: hidden; } .kl-bar span { display: block; height: 100%; width: 0; background: var(--iyi); border-radius: 99px; transition: width .2s; } .kl-sayac { margin-top: 5px; font-size: 12px; color: var(--soluk); } .kl-dugmeler { display: flex; gap: 8px; } .kl-dugmeler .btn.ana { padding: 9px 26px; font-weight: 600; } @media (max-width: 640px) { .kl-madde { padding: 12px; } .kl-ust { flex-wrap: wrap; gap: 10px; } .kl-soru { flex-basis: calc(100% - 44px); font-size: 14px; } .kl-cevap { width: calc(100% - 40px); margin-left: 40px; } .kl-sec { flex: 1; } .kl-sec span { min-width: 0; padding: 10px 8px; } .kl-aciklama-kap, .kl-not-ekle { margin-left: 40px; } .kl-cubuk { margin: 0 -12px; padding: 10px 12px; } } .kl-bos td { background: #fffaf0; } .kl-sorun { padding: 8px 0; border-bottom: 1px solid var(--cizgi); } .kl-sorun:last-child { border-bottom: 0; } /* Weekly notları */ .wk-durum { display: inline-block; font-size: 11.5px; font-weight: 700; padding: 2px 9px; border-radius: 99px; white-space: nowrap; } .wk-opsiyon { background: #FFF6B8; color: #7a5600; } .wk-kontrat { background: #e8eefc; color: #2a4a9a; } .wk-beo { background: #fbe9e7; color: var(--eksik); } .wk-beo_geldi { background: var(--iyi-zemin); color: var(--fb-yesil); } .wk-not { background: var(--zemin); color: var(--soluk); } /* TCMB kur şeridi */ .kur-serit { display: flex; gap: 8px 18px; align-items: center; flex-wrap: wrap; padding: 10px 16px; } .kpi-tablo { width: 100%; margin-top: 6px; font-size: 11.5px; border-collapse: collapse; } .kpi-tablo td { padding: 2px 3px; border: 0; border-top: 1px solid var(--cizgi); } .kpi-tablo tr:first-child td { color: var(--soluk); border-top: 0; } /* Hakediş mutabakatı */ .hk-tablo th.hk-biz { background: #1F4F9C; } .hk-tablo th.hk-ik { background: #00843D; } .hk-tablo tr.hk-grup th { text-align: center; font-size: 12px; } .menu .menu-ayrac { opacity: .35; padding: 0 2px; user-select: none; } .onizle-sec { display: inline-flex; align-items: center; gap: 4px; } .onizle-sec select { font-size: 12px; padding: 2px 4px; max-width: 170px; } .bg-kart { border-top: 3px solid var(--lacivert); } .bg-yukle { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } .bg-yukle .soluk { flex-basis: 100%; } .bg-kart .gun-baslik td { background: #EEF2F8; border-top: 2px solid var(--lacivert); } input.bg-sayi { width: 72px; text-align: right; font-weight: 700; } input.bg-sayi.degisti { background: #FFF6B8; border-color: #C9A800; } .hk-tablo th.hk-mesai { background: #B08D00; } .hk-tablo tr.hk-grup th:not(.hk-biz):not(.hk-ik):not(.hk-mesai) { background: transparent; } .hk-tablo td.hk-mesai-h { background: #fdf6ea; color: #7a4e0c; } .kpi.hk-mesai-kpi { border-top: 3px solid #B08D00; } tr.hk-kirmizi td { background: #fdf3f2; } td.hk-fark { background: #fbd9d4 !important; color: var(--eksik); font-weight: 700; } /* Lokanta · Personel ve performans: bölüm başlıkları ve atlama bağlantıları */ .lk-bolumler { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; } .lk-bolumler a { padding: 5px 12px; border-radius: 99px; border: 1px solid var(--cizgi); background: var(--kart); font-size: 13px; text-decoration: none; } .lk-bolumler a:hover { border-color: var(--fb-lacivert); } .lk-bolum-basligi { margin: 22px 0 10px; padding-bottom: 6px; border-bottom: 2px solid var(--nane); color: var(--fb-lacivert); font-size: 19px; scroll-margin-top: 80px; } /* Panoların üstündeki eksik şeridi */ .eksik-serit { display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; padding: 10px 14px; margin: 0 0 14px; border-radius: 10px; border: 1px solid var(--cizgi); background: var(--kart); } .eksik-serit.kotu { border-color: #f2b8b3; background: #fdf3f2; } .eksik-serit.dikkat { border-color: #F0DC5A; background: #FFFBE6; } .eksik-serit.tam { border-color: #b5dfc6; background: var(--iyi-zemin); } .eksik-baslik { font-size: 14px; margin-right: 4px; white-space: nowrap; } .eksik-serit.kotu .eksik-baslik { color: var(--eksik); } .eksik-serit.tam .eksik-baslik { color: var(--fb-yesil); } .eksik-oge { display: inline-block; padding: 3px 10px; border-radius: 99px; font-size: 12.5px; background: #fff; border: 1px solid var(--cizgi); color: var(--yazi); text-decoration: none; } .eksik-oge.kotu { border-color: #f2b8b3; color: var(--eksik); } .eksik-oge.dikkat { border-color: #E5CF4A; color: #6b5300; } a.eksik-oge:hover { border-color: var(--fb-lacivert); } .kpi .kisi-drr { margin-top: 6px; padding-top: 6px; border-top: 1px dashed var(--cizgi); } /* Sade extra onayı (onay masası) */ .xo-ust { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } .xo-gezin { margin-left: auto; display: flex; gap: 6px; } .xo-ozet { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; } .xo-ozet > div { border: 1px solid var(--cizgi); border-radius: 8px; padding: 6px 12px; min-width: 92px; } .xo-ozet span { display: block; font-size: 11px; color: var(--soluk); } .xo-ozet b { font-size: 20px; color: var(--fb-lacivert); } .xo-ozet b.xo-fazla { color: var(--fazla); } .xo-ozet b.xo-tasarruf { color: #1F4F9C; } .etiket.tasarruf { background: #E3ECF8; color: #1F4F9C; } .xo-tablo td { vertical-align: top; } .xo-tablo tr.xo-onayli td { background: #F3FAF5; } input.xo-not { width: 100%; min-width: 140px; font-size: 13px; padding: 4px 6px; } .xo-karar { white-space: nowrap; } .xo-sec { display: inline-flex; align-items: center; gap: 4px; margin: 0 6px 0 0; padding: 3px 9px; border: 1px solid var(--cizgi); border-radius: 99px; font-size: 13px; font-weight: 600; cursor: pointer; color: var(--yazi); } .xo-sec input { margin: 0; } .xo-sec.ok:has(input:checked) { background: var(--iyi-zemin); border-color: var(--fb-yesil); color: var(--fb-yesil); } .xo-sec.azalt:has(input:checked) { background: var(--fazla-zemin); border-color: var(--fazla); color: var(--fazla); } /* Banket akışı */ .ak-ust { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; margin-bottom: 10px; } .ak-ilerleme { min-width: 160px; font-size: 13px; color: var(--soluk); } .ak-ilerleme b { font-size: 22px; color: var(--fb-lacivert); } .ak-cubuk { height: 6px; background: var(--cizgi); border-radius: 99px; overflow: hidden; margin-top: 4px; } .ak-cubuk span { display: block; height: 100%; background: var(--fb-yesil); } .ak-sirada { flex: 1; padding: 8px 12px; border-radius: 8px; background: #FFF8D6; border: 1px solid #F0DC5A; font-size: 14px; } .ak-sirada.iyi { background: var(--iyi-zemin); border-color: #b5dfc6; } .ak-liste { list-style: none; margin: 0; padding: 0; } .ak-adim { display: flex; gap: 12px; align-items: flex-start; padding: 10px 4px; border-top: 1px solid var(--cizgi); } .ak-adim:first-child { border-top: 0; } .ak-ikon { flex: 0 0 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; border: 2px solid var(--cizgi); color: var(--soluk); background: var(--kart); } .ak-adim.ok .ak-ikon { background: var(--fb-yesil); border-color: var(--fb-yesil); color: #fff; } .ak-adim.bekliyor .ak-ikon { border-color: #C9A800; color: #C9A800; background: #FFF8D6; } .ak-adim.uyari .ak-ikon { border-color: var(--eksik); color: #fff; background: var(--eksik); } .ak-adim.kilitli .ak-ikon { font-size: 12px; } .ak-adim.sirada, .ak-adim.kilitli, .ak-adim.once { opacity: .65; } .ak-govde { flex: 1; min-width: 0; } .ak-ad { font-weight: 700; color: var(--fb-lacivert); } .ak-detay { font-size: 13px; } .ak-adim.uyari .ak-detay { color: var(--eksik); } .ak-aciklama { font-size: 12px; color: var(--soluk); } .ak-islem { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 6px; } .ak-git { font-size: 13px; white-space: nowrap; padding-top: 4px; } tr.ak-eksik td { background: #fdf3f2; } .ak-foy-form { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; } .ak-foy-form input[type=number] { width: 64px; } .ak-foy-form input[type=file] { max-width: 190px; font-size: 12px; } .ak-foy-kalem + .ak-foy-kalem { margin-top: 6px; } .ak-foy-duzelt { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; margin-top: 2px; } .ak-foy-duzelt input { font-size: 12px; padding: 2px 4px; } .ak-foy-duzelt input[type=number] { width: 56px; } .ak-matris th.o, .ak-matris td.o { text-align: center; width: 34px; } .ak-hucre.ok { color: var(--fb-yesil); font-weight: 700; } .ak-hucre.bekliyor { color: #C9A800; } .ak-hucre.uyari { color: var(--eksik); font-weight: 700; } .ak-hucre.sirada, .ak-hucre.kilitli, .ak-hucre.once { color: var(--soluk); } tr.ak-secili td { background: #EEF2F8; } .ak-evrak { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; border-top: 3px solid var(--fb-lacivert); margin-bottom: 14px; } @media (max-width: 900px) { .ak-evrak { grid-template-columns: 1fr; } } .ak-yukle-form { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 6px 0; } .ak-yukle-form input[type=file] { max-width: 260px; } .ak-foy-satir { margin-top: 14px; padding-top: 12px; border-top: 1px dashed var(--cizgi); } .ak-foy-satir input[type=number] { width: 70px; } .ak-evrak-liste ul { list-style: none; margin: 0 0 6px; padding: 0; } .ak-evrak-liste li { display: flex; gap: 10px; align-items: flex-start; padding: 6px 0; border-top: 1px solid var(--cizgi); font-size: 14px; } .ak-evrak-liste li:first-child { border-top: 0; } .ak-evrak-ikon { flex: 0 0 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; border: 2px solid var(--cizgi); color: var(--soluk); } .ak-evrak-liste li.ok .ak-evrak-ikon { background: var(--fb-yesil); border-color: var(--fb-yesil); color: #fff; } .ak-evrak-liste li.eksik .ak-evrak-ikon { background: var(--eksik); border-color: var(--eksik); color: #fff; } .ak-evrak-liste li.eksik .kucuk-yazi { color: var(--eksik); } .ak-gunler { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } @media (max-width: 900px) { .ak-gunler { grid-template-columns: 1fr; } } .ak-gun { border-top: 3px solid var(--nane); margin-bottom: 0; } .ak-gunler + .kart { margin-top: 14px; } .ak-gun-ozet { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: var(--soluk); margin-bottom: 8px; } .ak-gun-ozet b { color: var(--fb-lacivert); font-size: 16px; } .ak-yap { list-style: none; margin: 0 0 8px; padding: 0; font-size: 13px; } .ak-yap li { padding: 4px 8px; border-radius: 6px; margin-bottom: 3px; } .ak-yap li.kotu { background: #fdf3f2; color: var(--eksik); } .ak-yap li.dikkat { background: #FFF8D6; color: #7a5d00; } .ak-yap li.iyi { background: var(--iyi-zemin); color: var(--fb-yesil); } .ak-gun-tablo { width: 100%; } .ak-gun-tablo td { vertical-align: top; padding: 6px 4px; border-top: 1px solid var(--cizgi); } .ak-gun-tablo tr.soluk td { color: var(--soluk); } .ak-saat { white-space: nowrap; font-weight: 700; width: 1%; } .ak-vardiya { margin-top: 8px; } .ak-vardiya div { padding: 2px 0; } .ak-diger { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .ak-diger h2 { flex-basis: 100%; margin-bottom: 2px; } .ak-diger a { padding: 5px 12px; border: 1px solid var(--cizgi); border-radius: 99px; font-size: 13px; text-decoration: none; } .ak-diger a:hover { border-color: var(--fb-lacivert); } .xo-alt { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 12px; } /* ---------- Kurumsal dokunuşlar ---------- */ /* Ölçülü: ağırlık beyaz ve açık gride, lacivert başlık ve rakamlar, yeşil yalnız eylem ve seçili sekme */ .kpi .deger { color: var(--fb-lacivert); } .kart > h2:first-child, .kart > summary h2 { color: var(--fb-lacivert); } .sayfa-basi h1 { color: var(--fb-lacivert); } .etiket.iyi { background: var(--iyi-zemin); color: var(--fb-yesil); } /* ---------- Röntgen: bir bakışta bölümün bütün durumu ---------- */ .rt-ust { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 14px; } .rt-kutu { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 10px; padding: 14px 16px; position: relative; overflow: hidden; } .rt-kutu::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--cizgi); } .rt-kutu.iyi::before { background: var(--fb-yesil); } .rt-kutu.dikkat::before { background: var(--fb-sari); } .rt-kutu.kotu::before { background: var(--eksik); } .rt-kutu .b { font-size: 11px; text-transform: uppercase; letter-spacing: .07em; font-weight: 700; color: var(--soluk); } .rt-kutu .d { font-size: 28px; font-weight: 800; color: var(--fb-lacivert); line-height: 1.15; margin: 4px 0 2px; font-variant-numeric: tabular-nums; } .rt-kutu .d small { font-size: 13px; font-weight: 600; color: var(--soluk); } .rt-kutu .a { font-size: 12.5px; color: var(--soluk); } .rt-kutu a { color: inherit; } .rt-kahraman { background: var(--fb-lacivert); color: #fff; border-radius: 12px; padding: 18px 22px; margin-bottom: 14px; display: grid; grid-template-columns: 1.3fr 2fr; gap: 18px; align-items: center; } .rt-kahraman h1 { color: #fff; font-size: 24px; margin: 2px 0 6px; } .rt-kahraman .ust-yazi { font-size: 11.5px; text-transform: uppercase; letter-spacing: .1em; color: #B8C7E0; font-weight: 800; } .rt-kahraman .ozet { font-size: 13.5px; opacity: .9; } .rt-hafta { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; } .rt-gun { background: rgba(255, 255, 255, .1); border-radius: 10px; padding: 8px 6px; text-align: center; font-size: 12px; } .rt-gun b { display: block; font-size: 18px; color: #fff; } .rt-gun.bugun { background: #fff; color: var(--fb-lacivert); box-shadow: inset 0 -3px 0 var(--fb-yesil); } .rt-gun.bugun b { color: var(--fb-lacivert); } .rt-gun .k { display: block; font-size: 10.5px; opacity: .85; } .rt-gun .uyari { display: inline-block; margin-top: 3px; background: var(--eksik); color: #fff; border-radius: 99px; padding: 0 6px; font-size: 10px; font-weight: 700; } .rt-liste { display: grid; gap: 6px; } .rt-madde { display: flex; gap: 10px; align-items: flex-start; padding: 8px 10px; border-radius: 10px; background: var(--zemin); font-size: 13px; } .rt-madde .i { flex: none; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 800; color: #fff; background: var(--fb-lacivert); } .rt-madde.kotu .i { background: var(--eksik); } .rt-madde.dikkat .i { background: var(--fb-sari); color: var(--fb-lacivert); } .rt-madde.iyi .i { background: var(--fb-yesil); } .rt-madde a { font-weight: 600; } .rt-ileri { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; } .rt-ileri > div { border: 1px solid var(--cizgi); border-radius: 10px; padding: 10px 12px; background: #fff; font-size: 12.5px; } .rt-ileri b { display: block; color: var(--fb-lacivert); font-size: 13.5px; margin-bottom: 4px; } .rt-ileri .tik { color: var(--fb-yesil); font-weight: 800; } .rt-ileri .carpi { color: var(--eksik); font-weight: 800; } @media (max-width: 900px) { .rt-kahraman { grid-template-columns: 1fr; } .rt-hafta { grid-template-columns: repeat(4, 1fr); } } /* Lokanta sayfa başlıklarındaki "?" → kullanma kılavuzunda o sayfanın bölümü */ .kilavuz-soru { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin-left: 6px; border-radius: 50%; border: 1.5px solid currentColor; font-size: 13px; font-weight: 700; text-decoration: none; vertical-align: middle; opacity: .55; } .kilavuz-soru:hover, .kilavuz-soru:focus-visible { opacity: 1; } /* Kullanma kılavuzları (lokanta_kilavuz, shift_kilavuz) */ .kl { max-width: 920px; } .kl .kart { scroll-margin-top: 80px; } .kl h2 { margin: 0 0 6px; } .kl h3 { margin: 16px 0 4px; font-size: 15px; } .kl p, .kl li { line-height: 1.55; } .kl ul, .kl ol { margin: 6px 0; padding-left: 20px; } .kl .ne-ise { background: var(--iyi-zemin); border-radius: 8px; padding: 8px 12px; margin: 4px 0 10px; } .kl .git { float: right; font-size: 13px; } .kl-icindekiler { columns: 2; column-gap: 24px; margin: 0; padding-left: 20px; } .kl-icindekiler li { break-inside: avoid; margin-bottom: 2px; } .kl dl { display: grid; grid-template-columns: max-content 1fr; gap: 6px 14px; margin: 6px 0; } .kl dt { font-weight: 600; } .kl dd { margin: 0; } @media (max-width: 640px) { .kl-icindekiler { columns: 1; } .kl dl { grid-template-columns: 1fr; } .kl dd { margin-bottom: 6px; } } /* Lokanta panosu: menüde en çok satanlar, ikram ve indirim tabloları (01.11.2026) */ .lk-menu-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 10px 22px; } .lk-menu-grid h3 { font-size: 15px; margin: 8px 0 6px; color: var(--fb-lacivert); } table.lk-menu { width: 100%; font-size: 13px; } table.lk-menu td, table.lk-menu th { padding: 4px 6px; } details.satir-detay summary { cursor: pointer; } details.satir-detay[open] > div { margin: 4px 0 2px 14px; } /* Basit özet (operasyon ana sayfası): üç soru, üç kutu */ .bs-bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; } .bs-bas h1 { margin: 2px 0 0; } .bs-donem { display: flex; border: 1px solid var(--cizgi); border-radius: 10px; overflow: hidden; background: #fff; } .bs-donem a { padding: 8px 14px; font-size: 14px; text-decoration: none; color: var(--yazi); } .bs-donem a.aktif { background: var(--fb-lacivert); color: #fff; font-weight: 600; } /* Yönetim özeti: yılın 12 ayı + yıl başından (gelecek aylar soluk) */ .bs-aylar { flex-wrap: wrap; align-items: center; } .bs-aylar a { padding: 7px 10px; font-size: 13px; } .bs-aylar a.gelecek:not(.aktif) { color: var(--soluk); } .bs-aylar .bs-yil { padding: 0 10px; font-size: 13px; color: var(--fb-lacivert); } .bs-kutu { background: var(--kart); border: 1px solid transparent; border-radius: 14px; padding: 18px 22px; margin-bottom: 14px; box-shadow: var(--golge); } .bs-kutu h2 { margin: 0 0 12px; font-size: 18px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .bs-no { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--fb-lacivert); color: #fff; font-size: 14px; } .bs-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; } .bs-liste li { display: flex; align-items: baseline; gap: 10px; padding: 8px 12px; border-radius: 10px; background: var(--zemin); font-size: 14.5px; } .bs-liste li.kotu { background: var(--eksik-zemin); } .bs-liste li.dikkat { background: var(--fazla-zemin); } .bs-liste li.iyi { background: var(--iyi-zemin); color: var(--soluk); } .bs-isaret { flex: none; font-weight: 800; width: 14px; text-align: center; } .bs-liste li.kotu .bs-isaret { color: var(--eksik); } .bs-liste li.dikkat .bs-isaret { color: var(--fazla); } .bs-liste li.iyi .bs-isaret { color: var(--iyi); } .bs-etiket { flex: none; font-size: 12px; font-weight: 700; color: var(--soluk); min-width: 58px; } .bs-detay { display: block; font-size: 12px; color: var(--soluk); margin-top: 2px; } .bs-tamam-buyuk { font-size: 16px; color: var(--iyi); font-weight: 600; margin: 0 0 8px; } .bs-kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; } .bs-kart { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border-radius: 12px; text-decoration: none; color: var(--yazi); background: var(--zemin); border: 1px solid var(--cizgi); border-left-width: 6px; } .bs-kart:hover { border-color: var(--fb-lacivert); } .bs-kart.iyi { border-left-color: var(--iyi); } .bs-kart.dikkat { border-left-color: var(--fb-sari-koyu); } .bs-kart.kotu { border-left-color: var(--eksik); } .bs-kart-ad { font-size: 13px; color: var(--soluk); } .bs-kart-deger { font-size: 28px; font-weight: 700; color: var(--fb-lacivert); line-height: 1.2; } .bs-kart-yorum { font-size: 14px; font-weight: 600; } .bs-kart.iyi .bs-kart-yorum { color: var(--iyi); } .bs-kart.dikkat .bs-kart-yorum { color: var(--fazla); } .bs-kart.kotu .bs-kart-yorum { color: var(--eksik); } .bs-kart-alt { font-size: 12px; color: var(--soluk); margin-top: 4px; } .bs-alt { margin-top: 4px; } .bs-kutu { border-left-width: 6px; } .bs-kutu.bs-tamam { border-left-color: var(--iyi); } .bs-kutu.bs-eksik { border-left-color: var(--eksik); } .bs-kutu.bs-bekliyor { border-left-color: var(--fb-sari-koyu); } .bs-kutu.bs-sirada { border-left-color: var(--cizgi); } .bs-isaret-buyuk { margin-left: auto; font-size: 22px; font-weight: 800; } .bs-tamam .bs-isaret-buyuk { color: var(--iyi); } .bs-eksik .bs-isaret-buyuk { color: var(--eksik); } .bs-bekliyor .bs-isaret-buyuk { color: var(--fazla); } .bs-sirada .bs-isaret-buyuk { color: var(--soluk); } .bs-cumle { font-size: 16px; margin: 0 0 10px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .bs-sirada .bs-cumle { color: var(--soluk); } .bs-tablo td, .bs-tablo th { font-size: 14px; } /* Kayıp eşya bölümü: kayda eklenen fotoğraf / video / belge */ .kp-ekler { scroll-margin-top: 80px; } .kp-ek-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; margin-bottom: 12px; } .kp-ek { border: 1px solid var(--cizgi); border-radius: 10px; padding: 8px; background: #fff; font-size: 12.5px; } .kp-ek img, .kp-ek video { width: 100%; height: 150px; object-fit: cover; border-radius: 6px; background: var(--zemin); display: block; } .kp-ek-belge { display: grid; place-items: center; height: 150px; border-radius: 6px; background: var(--zemin); text-align: center; padding: 8px; font-weight: 600; } .kp-ek-alt { margin-top: 6px; line-height: 1.4; } .kp-ek-sil { display: inline; margin-left: 4px; } .kp-ek-form { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .kp-ek-form select, .kp-ek-form input[name=aciklama] { max-width: 320px; } .kl-ek-sec { cursor: pointer; } /* ---------- Ortak pano düzeni (25.10.2026): Banket, Özet ve Yıllık rapor Lokanta panosu gibi ---------- başlık (.sayfa-basi) → ay / yıl düğmeleri (.ay-sekmeleri) → eksik şeridi → büyük kutular (.lk-hero) → kpi kartları → kartlar */ body.alan-operasyon { --zemin: #F4F5FA; } /* bütün bölümlerle aynı zemin */ .lk-hero.uclu { grid-template-columns: 1.2fr 1fr 1fr; } @media (max-width: 900px) { .lk-hero.uclu { grid-template-columns: 1fr; } } a.lk-hero-kutu { display: block; color: var(--yazi); text-decoration: none; transition: border-color .15s, box-shadow .15s; } a.lk-hero-kutu:hover { border-color: var(--lacivert); box-shadow: 0 4px 14px rgba(16, 24, 40, .08); } .lk-hero-ust .nokta { margin-right: 6px; } .lk-hero-satir.cipli span { background: var(--zemin); padding: 3px 8px; border-radius: 99px; } .lk-hero-dun .lk-ilerleme { background: rgba(255, 255, 255, .22); } .lk-hero-dun .lk-ilerleme .dolu { background: #fff; } .lk-hero-dun .etiket { background: rgba(255, 255, 255, .9); } .lk-hero-gecen { margin-top: 10px; padding-top: 8px; border-top: 1px dashed rgba(127, 127, 127, .35); font-size: 12.5px; opacity: .85; } .lk-ilerleme .dolu.asim { background: var(--eksik); } /* banket: modelden fazla extra */ /* Hafta / Ay / Yıl ve Feriye / C-Paces geçişi başlığın sağında, düğme boyunda */ .gezinme .donem-gecis { margin: 0; } .gezinme .donem-gecis a { padding: 7px 14px; } .gezinme form { margin: 0; } .gezinme input[type=month], .gezinme input[type=date] { width: auto; } a.op-kontrol-rozet { text-decoration: none; } /* Eksik şeridinde eksik sayılmayan bilgi: vakti gelmemiş DRR, test dönemindeki banket adımları */ .eksik-oge.bilgi { color: var(--soluk); border-style: dashed; background: transparent; } /* Yönetim özetinin başlığı da aynı boyda */ .bs-bas h1 { font-size: 22px; color: var(--fb-lacivert); } /* Yıllık bütçe (/butce): mavi kutular elle girilir (Excel'deki gibi), değişen sarı */ input.bt-in, select.bt-in { background: #EEF4FF; border-color: #BCD0EE; } td input.bt-in { width: 88px; text-align: right; padding: 4px 6px; } td input.bt-in.kisa { width: 58px; } .bt-in.degisti { background: #FFF6B8; border-color: #C9A800; } details.bt-ay { border: 1px solid var(--cizgi); border-radius: 8px; margin-bottom: 8px; } details.bt-ay summary { cursor: pointer; display: flex; flex-wrap: wrap; gap: 4px 14px; align-items: baseline; padding: 10px 12px; } details.bt-ay[open] summary { border-bottom: 1px solid var(--cizgi); } details.bt-ay .tablo-kap { padding: 0 4px 6px; } .bt-ay-ad { font-weight: 700; min-width: 110px; color: var(--fb-lacivert); } .bt-ay-toplam { margin-left: auto; font-variant-numeric: tabular-nums; } .bt-carpanlar { display: flex; flex-wrap: wrap; gap: 4px; } .bt-carpanlar span { font-size: 12px; padding: 2px 8px; border-radius: 99px; background: #f1f4f8; font-variant-numeric: tabular-nums; } .bt-carpanlar span.yeni { background: #E3ECFA; font-weight: 700; } .bt-uyari { margin-top: 10px; padding: 8px 12px; border-radius: 8px; background: #FFFBE6; border: 1px solid #F0DC5A; font-size: 13px; } tr.ara td { background: #f6f8fb; } /* İki aşamalı giriş (iki_adim.html, giris_kod.html) */ .ia-qr { display: block; width: 220px; height: auto; image-rendering: pixelated; margin: 4px 0 8px; } .ia-form { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .ia-form input[name=kod] { width: 200px; font-size: 18px; letter-spacing: .12em; text-align: center; } .ia-kodlar { columns: 2; font-size: 17px; line-height: 1.9; margin: 8px 0 14px; } .ia-kod { font-size: 22px; letter-spacing: .15em; text-align: center; } /* Yıl · ay · gün kutuları (Feriye görünümü: Lokanta ve Banket panosu; Cengiz 06.11.2026) */ .donem-secici { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin: 0 0 12px; } .gezinme .donem-secici { margin: 0; } .donem-secici label { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--soluk); } .donem-secici select { padding: 6px 10px; border: 1px solid var(--cizgi); border-radius: 8px; background: #fff; font: inherit; font-size: 14px; color: inherit; min-width: 84px; } /* Garson paneli (lokanta_garson.html, Cengiz 09.11.2026): sade kutular (bs-*) + kalem tablosu; telefonda yana kaymaz */ .bs-kutu.bs-bilgi { border-left-color: var(--fb-lacivert); } .gs-kim { display: flex; align-items: center; gap: 8px; margin: 0; } .gs-kim label { margin: 0; white-space: nowrap; } .gs-kim select { width: auto; max-width: 240px; } .gs-tarih { font-size: 14px; font-weight: 500; color: var(--soluk); } .gs-mesaj { background: var(--nane-zemin); border-radius: 12px; padding: 12px 16px; margin: 0 0 14px; font-size: 14.5px; line-height: 1.5; white-space: pre-line; } .gs-tablo { width: auto; min-width: 300px; } .gs-tablo td, .gs-tablo th { font-size: 15px; padding: 8px 12px; } .gs-tablo td.gs-i { width: 30px; text-align: center; } .gs-ok, .gs-yok { font-size: 19px; font-weight: 800; line-height: 1; } .gs-ok { color: var(--iyi); } .gs-yok { color: var(--eksik); } .gs-nasil { margin: 12px 0 0; padding: 10px 12px; background: var(--fazla-zemin); border-radius: 10px; font-size: 14px; } .gs-puan { font-size: 36px; font-weight: 800; line-height: 1; } .gs-alt { margin: 8px 0 0; font-size: 12.5px; color: var(--soluk); } .gs-ekip td:first-child { white-space: nowrap; } .gs-ekip tr.gs-ben td { background: #E8EEF8; font-weight: 700; } /* Shift şeridi: 7 gün yan yana (telefonda da), bugün lacivert çerçeveli; OFF gri, izin yeşil, rapor kırmızımsı */ .gs-hafta-ad { font-size: 13px; font-weight: 650; color: var(--lacivert); margin: 12px 0 6px; } .gs-hafta { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; max-width: 640px; } .gs-gun { border: 1px solid var(--cizgi); border-radius: 8px; padding: 7px 2px; text-align: center; background: #fff; min-width: 0; } .gs-gun.bugun { border-color: var(--fb-lacivert); box-shadow: inset 0 0 0 1px var(--fb-lacivert); } .gs-gun .g { font-size: 11.5px; color: var(--soluk); white-space: nowrap; } .gs-gun .k { font-size: 13px; font-weight: 700; margin-top: 3px; line-height: 1.25; overflow-wrap: anywhere; } .gs-gun.t-off { background: #E3E6EA; } .gs-gun.t-izin { background: var(--iyi-zemin); } .gs-gun.t-rapor { background: var(--eksik-zemin); } .gs-gun.t-bos .k { color: var(--soluk); font-weight: 500; } .gs-ozet { display: flex; gap: 10px; flex-wrap: wrap; margin: 12px 0 0; } .gs-ozet > div { flex: 1 1 140px; background: var(--zemin); border-radius: 10px; padding: 10px 12px; } .gs-ozet span { display: block; font-size: 12.5px; color: var(--soluk); } .gs-ozet b { font-size: 20px; color: var(--fb-lacivert); } .gs-gunluk { margin-top: 10px; } .gs-gunluk summary { cursor: pointer; font-weight: 650; color: var(--lacivert); padding: 6px 0; } @media (max-width: 760px) { .gs-hafta { gap: 3px; } .gs-gun { padding: 6px 1px; } .gs-gun .g { font-size: 10.5px; } .gs-gun .k { font-size: 11.5px; } .gs-sayfa .bs-kutu { padding: 16px 14px; } .gs-kim { width: 100%; } .gs-kim select { flex: 1; max-width: none; } .gs-tablo { width: 100%; min-width: 0; } .gs-tablo td, .gs-tablo th { font-size: 14.5px; padding: 8px 5px; } .gs-tablo th { white-space: normal; } /* "Akşam başı" iki satıra iner */ .gs-ekip td, .gs-ekip th { font-size: 13px; padding: 7px 3px; } .gs-ekip td:first-child { white-space: normal; } } /* Lokanta hedef formu ve hedef cümlesi (_lk_hedef_formu.html, lokanta_hedef.html; Cengiz 09.11.2026: "Bu ay her akşam: 5 kokteyl · 5 alkollü içki · 3 tatlı · 4 kahve-çay · 12.000 TL satış"); performans ayarlarının tek cümlesi */ .hf-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 12px 0; border-bottom: 1px solid var(--cizgi); } .hf-bas { font-size: 15.5px; font-weight: 650; min-width: 190px; } .hf-lig, .hf-ozet .hf-lig { display: inline-block; font-size: 11.5px; font-weight: 700; color: var(--lacivert); background: var(--zemin-koyu); border-radius: 6px; padding: 2px 7px; margin-right: 6px; vertical-align: 2px; } .hf-kalemler { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 4px; } .hf-kalem { display: inline-flex; align-items: center; gap: 5px; margin: 0; font-size: 15px; color: var(--yazi); white-space: nowrap; } .hf-ayrac { color: var(--soluk); margin: 0 3px; } input.hf-sayi { width: 56px; text-align: center; font-size: 16px; font-weight: 700; padding: 6px 4px; } input.hf-sayi.genis { width: 92px; } .hf-ort { flex-basis: 100%; font-size: 12.5px; color: var(--soluk); } .hf-ozel .hf-bas { font-weight: 500; } .hf-ozel select { max-width: 220px; } .hf-diger { margin: 16px 0 4px; border: 1px solid var(--cizgi); border-radius: 10px; padding: 10px 14px; } .hf-diger summary { cursor: pointer; color: var(--lacivert); } .hf-kaydet { margin: 14px 0 6px; } .hf-oneri { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 4px 0 0; } .hf-ozet { border-left: 4px solid var(--nane); } .hf-ozet p { margin: 4px 0; } .hf-cumle { font-size: 17px; line-height: 1.5; } .hf-farkli { font-size: 14px; } /* Çalışma alanı › Lokanta: yapışkan bölüm şeridi (cl-bolum-nav) bağlantıyla açılan kartın (#hedefler, #karne-ayar …) başını örtmesin */ .cl-bolum-nav ~ [id], .cl-bolum-nav ~ * [id] { scroll-margin-top: calc(var(--ust-h) + 60px); } .karne-cumle { font-size: 16px; line-height: 1.55; margin: 2px 0 6px; } .karne-ayrinti { margin-top: 8px; } .karne-ayrinti summary { cursor: pointer; color: var(--lacivert); font-weight: 650; padding: 4px 0; } @media (max-width: 760px) { .hf-bas { min-width: 0; flex-basis: 100%; } .hf-kalemler { gap: 8px 4px; } .hf-ayrac { display: none; } .hf-kalem { flex: 1 1 44%; } .hf-cumle { font-size: 15.5px; } .cl-bolum-nav ~ [id], .cl-bolum-nav ~ * [id] { scroll-margin-top: calc(var(--ust-h) + 140px); } /* şerit 3 satır */ } /* ---------- Simgeler (07.11.2026): telefondaki sekme çubuğu ve menü listesi; data-i="ad" → --i (maskeyle boyanır). Sade çizgi simgeler, hiçbir markanın simgesi değil; simgeler.py (scratchpad) üretir ---------- */ [data-i="ev"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="takvim"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="rapor"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="trend"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="kisiler"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="kisi"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="onay"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="akis"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="kutu"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="yukle"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="catal"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="kadeh"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="kokteyl"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="liste"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="uyari"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="belge"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="hedef"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="madalya"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="yildiz"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="yuzde"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="kitap"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="veri"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="soru"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="ayar"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="canta"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="zil"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="kontrol"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="saat"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="cuzdan"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="posta"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="fis"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="kilit"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="pusula"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="defter"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="menu"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="cikis"] { --i: url("data:image/svg+xml;utf8,"); } [data-i="nokta"] { --i: url("data:image/svg+xml;utf8,"); } :root { --ok-sag: url("data:image/svg+xml;utf8,"); } .alt-sekme > a:not([data-i]), .mm-liste a:not([data-i]) { --i: url("data:image/svg+xml;utf8,"); }