@charset "UTF-8";
/* =====================================================================
EtaMobil MARKA TEMASI v4 — profesyonel, logo renkleri
Mavi #2626E6 · Lacivert #161A3A · Turuncu #F4621F · Gri-mavi zemin #EEF1F7
Mevcut CSS'i bozmaz; en sonda yuklenir.
===================================================================== */
/* ---- Sayfa zemini: asiri beyaz yerine yumusak gri-mavi ---- */
.ui-page, .ui-content, #page_content, body {
background: #eef1f7 !important;
}
body { border-top: 0 !important; }
/* ---- HEADER -> saglam marka mavi + beyaz baslik (gradient/swatch'i ez) ---- */
.ui-header, .ui-header.ui-bar-c, #header, [data-role="header"] {
background: #2626E6 !important;
background-color: #2626E6 !important;
background-image: none !important;
border: 0 !important;
text-shadow: none !important;
box-shadow: 0 2px 10px rgba(20,20,60,.22) !important;
}
#header .page_title, #header .ui-title, .ui-header .ui-title {
color: #ffffff !important;
text-shadow: none !important;
font-weight: 600;
letter-spacing: .3px;
}
#header .header_button, #header .menu-btn-background, #header .btn-background,
#header .ui-btn { background: transparent !important; border: 0 !important; box-shadow: none !important; }
#header .counter-header { color: #fff !important; }
/* .header_wrapper beyaz gradient'i header'i ortuyordu -> mavi yap */
.header_wrapper { background: #2626E6 !important; background-image: none !important; }
/* Header ikonlarini (menu/geri) beyazlat -> mavi uzerinde gorunur */
#header .header_button img, #header .header-btn-image {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1) !important;
}
/* ---- Icerik bloklarini kartlastir (beyazligi kir, derinlik ver) ---- */
#StokAramaFormu, #SepetForm, .form-horizontal, .box,
#StokList > ul, .SiparisTutar {
background: #ffffff !important;
border-radius: 10px !important;
box-shadow: 0 1px 5px rgba(20,20,60,.08) !important;
}
#page_content { padding-top: 12px !important; }
/* ---- Form alanlari / inputlar: yumusak koseler ---- */
input[type=text], input[type=search], input[type=password],
input[type=number], input[type=date], select, textarea {
border-radius: 8px !important;
}
/* ---- Birincil butonlar (Ara/Kaydet/Onayla/Olustur) -> marka mavi ---- */
.ui-btn-b, .ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b,
button[data-theme="b"], a[data-theme="b"].ui-btn, input[type="submit"].btn {
background: #2626E6 !important;
background-image: none !important;
border-color: #1c1cc8 !important;
color: #ffffff !important;
text-shadow: none !important;
border-radius: 10px !important;
}
.ui-btn-b:hover, .ui-btn-hover-b { background: #1f1fd6 !important; }
.ui-btn-b .ui-btn-text { color: #fff !important; }
/* "Giris" (data-theme e) -> turuncu CTA */
.ui-btn-e, .ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e,
button[data-theme="e"], a[data-theme="e"].ui-btn, input[data-theme="e"] {
background: #F4621F !important;
background-image: none !important;
border-color: #d8551a !important;
color: #ffffff !important;
text-shadow: none !important;
}
/* ---- Aksan rengi -> logo turuncusu ---- */
.accent-color, .owl-theme .owl-controlls .owl-page span,
.ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon, .page-tagline {
background: #F4621F !important;
}
.svg-accent { fill: #F4621F !important; }
.page-tagline { color: #fff !important; }
.ui-li-count, .ui-li-count.ui-btn-up-c {
background: #F4621F !important; border-color: #F4621F !important;
color: #fff !important; text-shadow: none !important;
}
.ui-btn-active {
background: #F4621F !important;
box-shadow: inset 0 0 0 1px #d8551a !important;
border: 0 !important;
}
.ui-focus, .ui-btn:focus { box-shadow: 0 0 0 2px rgba(38,38,230,.45) !important; }
/* ---- Footer: temiz acik bar + mavi ust aksan ---- */
.ui-footer, .ui-footer.ui-bar-c {
background: #ffffff !important;
background-image: none !important;
border: 0 !important;
border-top: 2px solid #2626E6 !important;
box-shadow: 0 -1px 6px rgba(20,20,60,.10) !important;
}
.ui-footer .ui-btn-text, .ui-footer a { color: #2626E6 !important; }
/* ---- Tablolar: marka mavi baslik, zebra ---- */
table.footable > thead > tr > th, table.RespTable > thead > tr > th, .table th {
background: #2626E6 !important; color: #fff !important; border-color: #1c1cc8 !important;
}
table.footable > tbody > tr:nth-child(2n) > td { background: #f4f6fc !important; }
/* =====================================================================
SOL MENU PANELI — yumusak acik + marka vurgular (ikonlar koyu, acik kalmali)
===================================================================== */
#left_panel, .ui-panel.ui-body-a, .ui-panel-position-left {
background: #f5f7fc !important;
/* Menu artik dar + overlay: icerigi itmez, ekranin cogunu kaplamaz */
width: 74% !important;
max-width: 250px !important;
min-width: 214px !important;
box-shadow: 4px 0 20px rgba(20,20,60,.22) !important;
}
/* Logo alani -> temiz beyaz baslik, alt mavi cizgi, renkli EtaMobil logosu */
#left_panel .menu-logo,
#left_panel .menu-logo .ui-btn-inner,
#left_panel li.menu-logo, #left_panel li.menu-logo .ui-li-static {
background: #ffffff !important;
border: 0 !important;
border-bottom: 2px solid #2626E6 !important;
padding: 6px 0 !important;
}
#left_panel .menu-logo img { width: 150px !important; max-width: 78% !important; height: auto !important; }
/* Duz menu ogeleri */
#left_panel .ui-listview > li,
#left_panel .ui-li .ui-btn-inner, #left_panel .menulink {
background: transparent !important;
color: #20264d !important;
border: 0 !important;
border-bottom: 1px solid #e6e9f4 !important;
text-shadow: none !important;
font-weight: 500;
}
#left_panel .ui-btn, #left_panel .ui-btn-text, #left_panel h4 {
background: transparent !important; color: #20264d !important; text-shadow: none !important; border: 0 !important;
}
/* Grup basliklari (Stok, Siparis, Talep, Fatura, Irsaliye...) -> mavi sol serit + mavi yazi */
#left_panel .ui-collapsible-heading .ui-btn,
#left_panel .ui-collapsible-heading-toggle,
#left_panel [data-role="collapsible"] > h4 {
background: #eaeefb !important;
color: #1c1cc8 !important;
border: 0 !important;
border-left: 4px solid #2626E6 !important;
font-weight: 700;
}
#left_panel .ui-collapsible-heading .ui-btn-text { color: #1c1cc8 !important; }
/* Hover / secili oge -> turuncu sol serit */
#left_panel .ui-btn:hover, #left_panel .menulink:hover,
#left_panel .ui-listview > li:hover {
background: #fff3ec !important;
border-left: 4px solid #F4621F !important;
color: #c24a12 !important;
}
#left_panel .ui-btn-active {
background: #fde7da !important;
border-left: 4px solid #F4621F !important;
color: #c24a12 !important;
}
/* =====================================================================
YONETIM PANELI (Yonetcss)
===================================================================== */
#top h1 a, #top-navigation a { color: #ffffff !important; }
#navigation ul li a.active, #navigation ul li a:hover { background: #F4621F !important; color: #fff !important; }
#navigation ul li a.active span, #navigation ul li a:hover span { color: #fff !important; }
.add-button, .add-button span { background: #F4621F !important; color: #fff !important; }
.add-button:hover { background: #d8551a !important; }
/* =====================================================================
MODERN DOKUNUS (yeni teknoloji: CSS degiskenleri, gecisler, modern font)
===================================================================== */
:root {
--marka-mavi: #2626E6;
--marka-mavi-koyu: #1c1cc8;
--marka-turuncu: #F4621F;
--marka-lacivert: #161A3A;
}
/* Modern sistem font yigini (harici bagimlilik yok, cevrimdisi calisir) */
body, input, select, textarea, button, .ui-mobile, .ui-btn, .box, .table {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Liberation Sans", sans-serif !important;
}
/* Yumusak gecisler (mikro-etkilesim) */
.ui-btn, a.ui-btn, button, input, select, textarea, a.ico,
.add-button, #navigation ul li a, .table tr, .login-btn, .header_button {
transition: background-color .16s ease, color .16s ease, box-shadow .16s ease, border-color .16s ease, transform .06s ease !important;
}
.ui-btn:active, .add-button:active, button:active { transform: translateY(1px); }
/* =====================================================================
YONETIM PANELI — modern duzenleme
===================================================================== */
#content { background: transparent !important; }
/* Kutu -> modern kart */
.box {
background: #ffffff !important;
border: 1px solid #ecedf5 !important;
border-radius: 14px !important;
box-shadow: 0 6px 24px rgba(20,22,55,.07) !important;
overflow: hidden !important;
padding: 0 !important;
margin-bottom: 22px !important;
}
.box-head {
background: linear-gradient(180deg, #2d2df2 0%, #2121db 100%) !important;
height: auto !important;
min-height: 48px !important;
line-height: 48px !important;
padding: 0 18px !important;
border: 0 !important;
}
.box-head h2, .box-head .left { color: #fff !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: .2px; }
/* Modern tablo */
.box .table, #content .table { width: 100% !important; border-collapse: separate !important; border-spacing: 0 !important; }
.table th {
background: #f3f5fc !important;
color: #5560a8 !important;
font-weight: 700 !important;
font-size: 12.5px !important;
text-transform: uppercase;
letter-spacing: .4px;
padding: 12px 14px !important;
border-bottom: 2px solid #e6e9f6 !important;
}
.table td { background: #fff !important; border-bottom: 1px solid #eef0f7 !important; padding: 12px 14px !important; color: #2a3052 !important; }
.table tr.odd td { background: #fafbff !important; }
.table tr:hover td { background: #eef1ff !important; }
/* Modern aksiyon linkleri (Duzenle/Sil) — eski gif ikonlari kaldir, net renkli linkler */
a.ico {
font-size: 13px !important; font-weight: 600 !important;
padding: 5px 11px !important; border-radius: 7px !important;
background-image: none !important; background-repeat: no-repeat !important;
text-decoration: none !important;
}
a.ico.edit, a.edit { color: #2626E6 !important; }
a.ico.del, a.del { color: #e23b3b !important; }
a.ico:hover, a.edit:hover { background: #eef1ff !important; color: #1f1fd6 !important; }
a.ico.del:hover, a.del:hover { background: #fdeaea !important; color: #c42727 !important; }
/* Modern form alanlari (yonetim) */
#content input[type=text], #content input[type=password], #content input[type=number],
#content input[type=email], #content select, #content textarea, .form input, .form select {
border: 1.5px solid #dfe3f2 !important;
border-radius: 9px !important;
padding: 9px 12px !important;
font-size: 14px !important;
background: #f8f9fd !important;
outline: none !important;
}
#content input:focus, #content select:focus, .form input:focus {
border-color: #2626E6 !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(38,38,230,.13) !important;
}
.form label { font-weight: 600 !important; color: #4a5170 !important; }
/* Olustur/Kaydet butonlari (yonetim) -> marka mavi, modern */
#content input[type=submit], #content .btn, .form .btn {
background: #2626E6 !important; color: #fff !important; border: 0 !important;
border-radius: 10px !important; padding: 11px 22px !important; font-weight: 600 !important;
box-shadow: 0 6px 16px rgba(38,38,230,.28) !important; cursor: pointer;
}
#content input[type=submit]:hover, #content .btn:hover { background: #1f1fd6 !important; }
/* Pagination -> modern */
.pagging a { background: #fff !important; border: 1px solid #dfe3f2 !important; border-radius: 8px !important; color: #2626E6 !important; padding: 6px 11px !important; }
.pagging a:hover { background: #2626E6 !important; border-color: #2626E6 !important; color: #fff !important; }
/* Ust navigasyon (yonetim) -> modern hover */
#navigation ul li a { border-radius: 8px !important; transition: background-color .16s ease, color .16s ease; }
/* =====================================================================
EK PROFESYONEL DOKUNUSLAR (v8)
===================================================================== */
/* ---- Menu ikonlari: silik gri PNG'leri NET marka mavisine boya (logo haric) ---- */
#left_panel .ui-li-icon,
#left_panel .ui-collapsible-heading img,
#left_panel [data-role="collapsible"] > h4 img,
#left_panel .menulink img.ui-li-icon {
filter: brightness(0) saturate(100%) invert(20%) sepia(94%) saturate(4000%) hue-rotate(238deg) brightness(95%) contrast(100%) !important;
-webkit-filter: brightness(0) saturate(100%) invert(20%) sepia(94%) saturate(4000%) hue-rotate(238deg) brightness(95%) contrast(100%) !important;
opacity: 1 !important;
}
/* Logo asla boyanmasin */
#left_panel .menu-logo img { filter: none !important; -webkit-filter: none !important; }
/* ---- Net font render (antialias) ---- */
body, .ui-mobile, .login-card, .box { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/* ---- Modern ince scrollbar ---- */
* { scrollbar-width: thin; scrollbar-color: #b9c0e0 transparent; }
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #c2c8e6; border-radius: 8px; border: 2px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: #2626E6; background-clip: content-box; }
/* ---- Kartlara hafif hover yukselme (derinlik) ---- */
.box { transition: box-shadow .18s ease, transform .18s ease !important; }
.box:hover { box-shadow: 0 12px 32px rgba(20,22,55,.13) !important; }
/* ---- Listelerde okunabilir satir araligi + ince ayraclar (mobil) ---- */
#left_panel .ui-li-icon { opacity: 1 !important; }
/* ---- Secim/odak: marka renkli, erisilebilir ---- */
::selection { background: rgba(38,38,230,.18); }
a, .ui-link { color: #2626E6; }
/* ---- Butonlarda ince hover parlamasi ---- */
.ui-btn-b:hover, .login-btn:hover, .add-button:hover, #content input[type=submit]:hover { filter: brightness(1.04); }
/* =====================================================================
YONETIM PANELI v9 — modern sekmeler + cikis + footer
===================================================================== */
/* Sekmeler: sari tab.gif yerine mavi header uzerinde temiz sekmeler */
#navigation { height: auto !important; padding-top: 6px !important; }
#navigation ul li { margin-right: 5px !important; }
#navigation ul li a, #navigation ul li a span {
background: none !important; background-image: none !important;
height: auto !important; line-height: 1.4 !important; float: none !important;
}
#navigation ul li a {
display: inline-block !important;
background: rgba(255,255,255,.14) !important;
color: #ffffff !important;
padding: 9px 16px !important;
border-radius: 10px 10px 0 0 !important;
font-weight: 600 !important; font-size: 13px !important;
border: 0 !important;
}
#navigation ul li a span { display: inline !important; padding: 0 !important; color: inherit !important; background: none !important; }
#navigation ul li a:hover { background: rgba(255,255,255,.26) !important; color: #fff !important; }
#navigation ul li a:hover span { color: #fff !important; }
#navigation ul li a.active { background: #ffffff !important; color: #2626E6 !important; box-shadow: 0 -3px 10px rgba(0,0,0,.10) !important; }
#navigation ul li a.active span { color: #2626E6 !important; }
/* Cikis (sag ust) -> sik buton */
#top-navigation { padding-top: 17px !important; }
#top-navigation a {
background: rgba(255,255,255,.16) !important; color: #ffffff !important;
padding: 7px 16px !important; border-radius: 8px !important; text-decoration: none !important;
font-weight: 600 !important; font-size: 13px !important;
}
#top-navigation a:hover { background: #F4621F !important; }
/* Baslik */
#header h1, #header h1 a { font-size: 20px !important; font-weight: 700 !important; color: #fff !important; text-decoration: none !important; }
/* Footer: kiremit footer.gif yerine temiz acik bar + mavi ust cizgi */
#footer {
background: #ffffff !important; background-image: none !important;
color: #6b7186 !important;
border-top: 2px solid #2626E6 !important;
box-shadow: 0 -2px 10px rgba(20,22,55,.07) !important;
}
#footer a { color: #2626E6 !important; }
/* =====================================================================
YONETIM ANALIZI EKRANI v11 — modern kart + ikon rozetleri
(Views/Giris/Index.cshtml — .analiz-* ile izole)
===================================================================== */
/* ---- Tarih segmenti (Bugun / Bu Hafta / Bu Ay / Bu Sene) ---- */
.analiz-tarih { padding: 6px 8px 0; }
.analiz-tarih .ui-controlgroup-controls { display: inline-block !important; box-shadow: 0 1px 5px rgba(20,22,55,.10) !important; border-radius: 12px !important; overflow: hidden !important; }
.analiz-tarih .ui-btn {
border-radius: 0 !important;
box-shadow: none !important;
text-shadow: none !important;
font-size: 12.5px !important; font-weight: 600 !important;
margin: 0 !important;
}
/* Secili DEGIL (theme b): acik zemin, mavi yazi */
.analiz-tarih .ui-btn.ui-btn-b, .analiz-tarih .ui-btn.ui-btn-up-b, .analiz-tarih .ui-btn.ui-btn-hover-b {
background: #ffffff !important; background-image: none !important;
color: #2626E6 !important;
border-color: #dcdff2 !important;
}
/* Secili (theme e): dolu marka mavisi */
.analiz-tarih .ui-btn.ui-btn-e, .analiz-tarih .ui-btn.ui-btn-up-e, .analiz-tarih .ui-btn.ui-btn-hover-e {
background: #2626E6 !important; background-image: none !important;
color: #ffffff !important;
border-color: #2626E6 !important;
}
/* ---- Tarih araligi rozeti ---- */
.analiz-tarih-bilgi { text-align: center; padding: 12px 10px 2px; }
.analiz-tarih-bilgi a {
display: inline-block;
background: #ffffff;
color: #2626E6 !important;
font-weight: 600; font-size: 13px;
padding: 7px 18px;
border-radius: 22px;
box-shadow: 0 1px 5px rgba(20,22,55,.10);
text-decoration: none !important;
}
.analiz-tarih-bilgi a::before { content: "\1F4C5"; margin-right: 7px; }
/* ---- Kutucuk izgarasi ---- */
.analiz-grid { margin: 6px 0 18px !important; }
.analiz-grid .analiz-cell { padding: 6px !important; box-sizing: border-box !important; }
/* ---- Kart ---- */
.analiz-card {
display: block;
background: #ffffff;
border: 1px solid rgba(38,38,230,.06);
border-radius: 16px;
padding: 16px 8px 15px;
text-align: center;
text-decoration: none !important;
color: #161A3A !important;
box-shadow: 0 2px 10px rgba(20,22,55,.07);
transition: transform .16s ease, box-shadow .16s ease;
min-height: 130px;
-webkit-tap-highlight-color: transparent;
}
.analiz-card:hover, .analiz-card:active, .analiz-card:focus {
transform: translateY(-2px);
box-shadow: 0 12px 26px rgba(38,38,230,.18);
border-color: rgba(38,38,230,.14);
}
/* ---- Ikon rozeti: yumusak marka-tonlu daire + marka mavisi cizgi ikon ---- */
.analiz-icon {
display: inline-flex; align-items: center; justify-content: center;
width: 60px; height: 60px;
border-radius: 50%;
background: linear-gradient(135deg, #eef1ff 0%, #e1e6ff 100%);
box-shadow: inset 0 0 0 1px rgba(38,38,230,.10), 0 4px 12px rgba(38,38,230,.12);
margin-bottom: 11px;
}
.analiz-icon .analiz-svg {
width: 30px; height: 30px;
color: #2626E6; /* stroke=currentColor -> marka mavisi */
display: block;
}
/* Dokununca ikon rozeti dolu maviye donsun (canli his) */
.analiz-card:hover .analiz-icon, .analiz-card:active .analiz-icon {
background: linear-gradient(135deg, #3a3fff 0%, #2626E6 100%);
box-shadow: 0 6px 16px rgba(38,38,230,.34);
}
.analiz-card:hover .analiz-svg, .analiz-card:active .analiz-svg { color: #ffffff; }
/* ---- Baslik + tutar ---- */
.analiz-baslik {
display: block;
font-size: 13px; font-weight: 600;
color: #444a63; line-height: 1.25;
margin-bottom: 6px;
min-height: 32px;
}
.analiz-tutar {
display: block;
font-size: 16px; font-weight: 800;
color: #2626E6; letter-spacing: .2px;
}
/* =====================================================================
YONETIM ANALIZI — JOI_WEB dashboard mantigi (ozet donut + kirilim kartlari)
===================================================================== */
.dash-ozet, .dash-card { max-width: 640px; margin-left: auto; margin-right: auto; }
/* ---- Ozet donut karti ---- */
.dash-ozet { background: #fff; border: 1px solid #eef0f7; border-radius: 16px; margin: 6px 6px 12px; padding: 14px 14px 8px; box-shadow: 0 3px 14px rgba(20,22,55,.07); }
.dash-ozet-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 6px; }
.dash-ozet-head h6 { margin: 0; font-size: 15px; font-weight: 800; color: #1c2247; }
.dash-donem { font-size: 11.5px; color: #8b91a8; font-weight: 600; }
.dash-donut-sarmal { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.dash-donut { width: 128px; height: 128px; flex: 0 0 auto; }
.dash-donut-sayi { font-size: 20px; font-weight: 800; fill: #1c2247; }
.dash-donut-alt { font-size: 10px; font-weight: 700; fill: #8b91a8; letter-spacing: .5px; }
.dash-lejant { flex: 1 1 180px; min-width: 160px; list-style: none; margin: 0; padding: 0; }
.dash-lejant li { display: flex; align-items: center; gap: 8px; padding: 4px 0; font-size: 13px; color: #444a63; }
.dash-lejant-ad { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dash-lejant b { color: #1c2247; font-weight: 800; font-size: 12.5px; }
.dash-nokta { flex: 0 0 auto; width: 11px; height: 11px; border-radius: 50%; display: inline-block; }
.dash-nokta.kucuk { width: 8px; height: 8px; }
/* ---- Kirilim kartlari ---- */
.dash-kartlar { padding: 0 6px 18px; }
.dash-card { background: #fff; border: 1px solid #eef0f7; border-radius: 16px; margin: 0 0 10px; box-shadow: 0 2px 10px rgba(20,22,55,.06); overflow: hidden; }
.dash-head { display: flex; align-items: center; gap: 11px; padding: 12px 13px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.dash-head:active { background: #f7f8fc; }
.dash-ikon { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; }
.dash-ikon svg { width: 22px; height: 22px; }
.dash-head-orta { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.dash-baslik { font-size: 14.5px; font-weight: 700; color: #1c2247; line-height: 1.25; }
.dash-alt { font-size: 11.5px; color: #9aa0b4; font-weight: 600; margin-top: 3px; }
.dash-oran { display: block; height: 5px; margin-top: 6px; background: #eef0f7; border-radius: 4px; overflow: hidden; }
.dash-oran-dolu { display: block; height: 100%; border-radius: 4px; min-width: 3px; transition: width .4s ease; }
.dash-toplam { flex: 0 0 auto; font-size: 16px; font-weight: 800; color: #2626E6; white-space: nowrap; }
.dash-ok { flex: 0 0 auto; color: #b6bcd0; transition: transform .2s ease; }
.dash-ok svg { width: 20px; height: 20px; display: block; }
.dash-card.kapali .dash-ok { transform: rotate(-90deg); }
.dash-card.kapali .dash-body { display: none; }
.dash-body { border-top: 1px solid #f2f4fa; padding: 4px 0; }
.dash-row { display: flex; align-items: center; gap: 9px; padding: 9px 14px; text-decoration: none !important; border-bottom: 1px solid #f6f7fb; }
.dash-row:last-of-type { border-bottom: 0; }
.dash-row:active { background: #f4f6fd; }
.dash-row-ad { flex: 1 1 auto; min-width: 0; font-size: 13.5px; color: #444a63; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dash-row-tut { flex: 0 0 auto; font-size: 14px; font-weight: 800; color: #1c2247; white-space: nowrap; }
.dash-row-tut.eksi { color: #d64545; }
.dash-tumu { display: block; text-align: center; padding: 11px 14px; font-size: 12.5px; font-weight: 700; color: #2626E6; text-decoration: none !important; background: #f7f8fd; }
.dash-tumu:active { background: #eef1ff; }
.dash-tumu.tek { background: #fff; }
.dash-bos { text-align: center; color: #9aa0b4; font-size: 14px; padding: 40px 16px; }
/* =====================================================================
ZİYARET — saha ziyaret listesi / işlem / not / arşiv (kart tasarımı)
===================================================================== */
.ziyaret-liste { list-style: none !important; margin: 0 auto !important; padding: 8px !important; max-width: 640px; }
.ziyaret-bos { max-width: 640px; margin: 14px auto; text-align: center; color: #7a8098; font-size: 14.5px; background: #fff; border: 1px solid #eef0f7; border-radius: 16px; padding: 34px 18px; box-shadow: 0 2px 10px rgba(20,22,55,.06); }
.ziyaret-bos b { display: block; color: #1c2247; font-size: 15.5px; margin-bottom: 4px; }
.ziyaret-card { background: #fff; border: 1px solid #eef0f7; border-left: 4px solid #c9cfe4; border-radius: 15px; margin: 0 0 10px; box-shadow: 0 2px 9px rgba(20,22,55,.06); overflow: hidden; transition: box-shadow .16s, border-color .16s; }
.ziyaret-card.zc-gecmis { border-left-color: #e0554a; }
.ziyaret-card.zc-bugun { border-left-color: #2ec17a; }
.ziyaret-card.zc-gelecek { border-left-color: #2626E6; }
.zc-ana { display: block; padding: 12px 13px 4px; text-decoration: none !important; color: #1c2247 !important; }
.zc-ana:active { background: #f7f8fc; }
.zc-ust { display: flex; align-items: center; gap: 11px; }
.zc-avatar { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 800; color: #fff; background: linear-gradient(135deg, #5b63f0, #2626E6); }
.zc-gecmis .zc-avatar { background: linear-gradient(135deg, #f0776b, #e0554a); }
.zc-bugun .zc-avatar { background: linear-gradient(135deg, #46d090, #2ec17a); }
.zc-orta { flex: 1 1 auto; min-width: 0; }
.zc-unvan { font-size: 15px; font-weight: 700; color: #1c2247; line-height: 1.25; word-break: break-word; }
.zc-tarih { display: flex; align-items: center; gap: 6px; margin-top: 3px; font-size: 12.5px; color: #6b7186; font-weight: 600; }
.zc-tarih svg { width: 14px; height: 14px; flex: 0 0 auto; }
.zc-durum { flex: 0 0 auto; font-size: 11px; font-weight: 800; padding: 3px 9px; border-radius: 20px; white-space: nowrap; }
.zc-gecmis .zc-durum { background: #fdecec; color: #c0392b; }
.zc-bugun .zc-durum { background: #e7f7ee; color: #1c8a4e; }
.zc-gelecek .zc-durum { background: #eef1ff; color: #2626E6; }
.zc-not { margin: 9px 0 4px; padding: 8px 11px; background: #f7f8fc; border-radius: 10px; font-size: 12.5px; color: #545a72; line-height: 1.4; word-break: break-word; }
.zc-islem { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 8px; padding: 11px; border-top: 1px solid #f2f4fa; text-decoration: none !important; color: #2626E6 !important; font-size: 13.5px; font-weight: 700; background: #fbfcff; }
.zc-islem:active { background: #eef1ff; }
.zc-islem svg { width: 17px; height: 17px; }
/* Alt "Listeye Ekle" — yüzen buton */
.ziyaret-ekle-fab { position: fixed; right: 16px; bottom: 18px; z-index: 900; display: inline-flex; align-items: center; gap: 8px; height: 50px; padding: 0 20px 0 16px; border-radius: 26px; background: linear-gradient(180deg, #ff7733 0%, #F4621F 100%); color: #fff !important; font-size: 15px; font-weight: 800; text-decoration: none !important; box-shadow: 0 10px 24px rgba(244,98,31,.42); }
.ziyaret-ekle-fab:active { transform: translateY(1px); }
.ziyaret-ekle-fab svg { width: 22px; height: 22px; }
/* Ziyaret işlem diyaloğu */
.zsec-wrap { padding: 14px; max-width: 460px; margin: 0 auto; }
.zsec-baslik { font-size: 16px; font-weight: 800; color: #1c2247; text-align: center; margin: 4px 0 14px; }
.zsec-btn { display: flex; align-items: center; gap: 12px; width: 100%; box-sizing: border-box; padding: 14px 16px; margin-bottom: 10px; border: 1.5px solid #eef0f7; border-radius: 13px; background: #fff; color: #1c2247 !important; font-size: 15px; font-weight: 700; text-decoration: none !important; box-shadow: 0 2px 8px rgba(20,22,55,.05); }
.zsec-btn:active { background: #f5f7fc; }
.zsec-btn svg { width: 22px; height: 22px; flex: 0 0 auto; }
.zsec-btn.zsec-tamam { border-color: #bfe8cf; color: #1c8a4e !important; }
.zsec-btn.zsec-iptal { border-color: #f3c7c7; color: #c0392b !important; }
.zsec-btn.zsec-kapat { justify-content: center; background: #f5f7fc; color: #6b7186 !important; font-weight: 700; }
/* Ziyaret tamamlama / not formu */
.ziyaret-form { max-width: 620px; margin: 0 auto; padding: 12px 12px 28px; }
.zf-alan { margin-bottom: 14px; }
.zf-alan > label { display: block; font-size: 13px; font-weight: 700; color: #444a63; margin: 0 0 6px 2px; }
.zf-alan input[type=text], .ziyaret-form textarea {
width: 100%; box-sizing: border-box; border: 1.6px solid #e4e8f4; border-radius: 12px;
background: #fff; font-size: 15px; color: #1c2247; font-family: inherit; -webkit-appearance: none;
box-shadow: inset 0 1px 2px rgba(20,22,55,.045); transition: border-color .16s, box-shadow .16s;
}
.zf-alan input[type=text] { height: 46px; padding: 0 13px; }
.ziyaret-form textarea { min-height: 130px; padding: 11px 13px; line-height: 1.5; resize: vertical; }
.zf-alan input:focus, .ziyaret-form textarea:focus { border-color: #2626E6; outline: none; box-shadow: 0 0 0 3.5px rgba(38,38,230,.13); }
.zf-kaydet { width: 100%; height: 52px; border: 0; border-radius: 13px; cursor: pointer; background: linear-gradient(180deg, #37b26a 0%, #2ea15e 100%); color: #fff; font-size: 16px; font-weight: 800; box-shadow: 0 10px 22px rgba(46,161,94,.36); margin-top: 6px; }
.zf-kaydet:active { transform: translateY(1px); }
/* Ziyaret arşiv kartı */
.zarsiv-liste { max-width: 640px; margin: 0 auto; padding: 8px; }
.zarsiv-card { background: #fff; border: 1px solid #eef0f7; border-left: 4px solid #2ec17a; border-radius: 14px; padding: 12px 14px; margin-bottom: 10px; box-shadow: 0 2px 8px rgba(20,22,55,.06); }
.zarsiv-ust { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; margin-bottom: 6px; }
.zarsiv-tar { font-size: 13px; font-weight: 800; color: #1c2247; }
.zarsiv-kul { font-size: 12px; color: #8b91a8; font-weight: 600; }
.zarsiv-ack { font-size: 13.5px; color: #545a72; line-height: 1.45; white-space: pre-wrap; word-break: break-word; }
/* =====================================================================
URUN EKLE / STOK ARAMA v13 — tum modullerde ortak (Stok/Index + StokListele)
===================================================================== */
/* ---- Arama kutusu karti ---- */
#StokAramaFormu {
padding: 16px 16px 14px !important;
margin: 6px 0 14px !important;
border-radius: 16px !important;
box-shadow: 0 4px 16px rgba(20,22,55,.09) !important;
}
/* Arama inputu (jQM search alani) -> buyuk, yumusak, marka odak halkasi */
#StokAramaFormu .ui-input-search {
border-radius: 12px !important;
border: 1.6px solid #dfe3f2 !important;
background: #f5f7fc !important;
box-shadow: none !important;
margin: 2px 0 12px !important;
transition: border-color .15s, background .15s, box-shadow .15s;
}
#StokAramaFormu .ui-input-search.ui-focus,
#StokAramaFormu .ui-input-search:focus-within {
border-color: #2626E6 !important;
background: #fff !important;
box-shadow: 0 0 0 4px rgba(38,38,230,.13) !important;
}
#StokAramaFormu .ui-input-search input {
font-size: 16px !important; color: #1c2247 !important;
}
#StokAramaFormu .ui-input-search .ui-input-clear { border: 0 !important; background: transparent !important; }
/* Buyutec ikonunu markalastir */
#StokAramaFormu .ui-input-search:before,
#StokAramaFormu .ui-icon-searchfield:after { opacity: .7; }
#StokAramaFormu label { color: #6b7186 !important; font-size: 12.5px !important; font-weight: 600 !important; }
#StokAramaFormu input[type=number] {
border-radius: 10px !important; border: 1.6px solid #dfe3f2 !important;
background: #f5f7fc !important; font-size: 16px !important;
}
/* "Ara" butonu (theme b) -> dolu marka mavisi, belirgin */
#StokAramaFormu .ui-btn-b {
border-radius: 12px !important; font-weight: 700 !important;
box-shadow: 0 8px 18px rgba(38,38,230,.26) !important;
}
/* "Barkod Okut" (theme e) -> turuncu ikincil aksiyon */
#StokAramaFormu .ui-btn-e, #barcodeScanner.ui-btn {
background: #F4621F !important; background-image: none !important;
border-color: #F4621F !important; color: #fff !important;
border-radius: 12px !important; font-weight: 700 !important;
box-shadow: 0 8px 18px rgba(244,98,31,.26) !important;
}
/* Ipucu satiri */
#StokAramaFormu::after {
content: "\1F4A1 Stok kodu, adı yazın ya da barkod okutun";
display: block; text-align: center;
color: #9aa0b4; font-size: 12px; margin-top: 12px; letter-spacing: .2px;
}
/* ---- Sonuc listesi (StokListele) ---- */
#StokList > ul { border-radius: 16px !important; box-shadow: 0 4px 16px rgba(20,22,55,.09) !important; overflow: hidden; }
#StokList .ui-li-static, #StokList li.ui-li { border-color: #f0f2f9 !important; }
/* Urun adi + kod */
#StokList .ui-li-heading {
font-size: 15px !important; font-weight: 700 !important;
color: #1c2247 !important; white-space: normal !important; line-height: 1.3 !important;
}
#StokList .ui-li-desc { color: #8b91a8 !important; font-size: 12.5px !important; margin-top: 2px !important; }
/* Urun fotografi -> yuvarlak kose, cerceveli minik kart */
#StokList .ui-li-thumb, #StokList .ImagePlaceHolderDiv {
top: 8px !important; left: 8px !important;
width: 56px !important; height: 56px !important;
border-radius: 12px !important; overflow: hidden !important;
background: #fff !important; box-shadow: 0 1px 5px rgba(20,22,55,.14) !important;
}
#StokList .ui-li-thumb img, #StokList .ImagePlaceHolderDiv img {
width: 100% !important; height: 100% !important;
object-fit: contain !important; padding: 5px !important; box-sizing: border-box !important;
border-radius: 12px !important;
}
/* Miktar inputu -> turuncu baloncuk yerine temiz kutu */
#StokList .ui-li-count.accent-color, #StokList .ui-li-count {
background: transparent !important; border: 0 !important; box-shadow: none !important;
top: 50% !important; transform: translateY(-50%) !important; margin-top: 0 !important;
right: 46px !important; padding: 0 !important;
}
#StokList .inphizli {
width: 52px !important; height: 36px !important; text-align: center !important;
border: 1.6px solid #dfe3f2 !important; border-radius: 10px !important;
background: #f5f7fc !important; font-weight: 700 !important; color: #1c2247 !important;
font-size: 16px !important;
}
#StokList .inphizli:focus {
border-color: #2626E6 !important; background: #fff !important;
box-shadow: 0 0 0 3px rgba(38,38,230,.15) !important;
}
/* "Islem" (split) butonu -> marka mavisi, net aksiyon */
#StokList .ui-li-has-alt .ui-li-link-alt, #StokList a.hizlisiparis.ui-btn {
background: #2626E6 !important; background-image: none !important; border-color: #2626E6 !important;
}
#StokList .ui-li-link-alt .ui-icon { background-color: #eef1ff !important; }
/* Bulunamadi uyarisi -> yumusak kart */
.alert.alert-error {
background: #fdecec !important; color: #b42318 !important;
border: 1px solid #f3c2c2 !important; border-radius: 12px !important;
padding: 13px 15px !important; text-align: center !important; font-size: 14px !important;
box-shadow: 0 2px 8px rgba(180,35,24,.08) !important;
}
/* =====================================================================
URUN EKLE v14 — kullanici dostu satir ici stepper + aninda ekle
(StokListele.cshtml .urun-* + header sepet ikonu/rozeti)
===================================================================== */
/* ---- Header sepet ikonu + sayac rozeti (sag ust liste ikonu duzeltildi) ---- */
#header .header_button { position: relative !important; overflow: visible !important; }
#header .hdr-cart-ikon { display: block !important; width: 26px !important; height: 26px !important; margin: auto !important; }
#header .hdr-cart-badge {
display: none; position: absolute; top: 1px; right: -2px;
min-width: 17px; height: 17px; padding: 0 4px; box-sizing: border-box;
background: #F4621F; color: #fff; font-size: 11px; font-weight: 800; line-height: 17px;
text-align: center; border-radius: 9px; box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#header .hdr-cart-badge.gorunur { display: block; }
/* ---- Dis kap: cift kart olmasin, satirlar kart ---- */
#StokList > ul.urun-list { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; padding: 6px !important; margin: 0 !important; list-style: none !important; }
/* ---- Urun satiri (kart) ---- */
#StokList .urun-item {
background: #fff; border: 1px solid #eef0f7; border-radius: 14px;
margin: 0 0 10px; padding: 10px 12px 12px;
box-shadow: 0 2px 8px rgba(20,22,55,.06);
transition: box-shadow .18s, border-color .18s, background .3s;
}
#StokList .urun-item:last-child { margin-bottom: 2px; }
#StokList .urun-item.eklendi { border-color: #37b26a; background: #f2fbf5; box-shadow: 0 4px 14px rgba(55,178,106,.18); }
#StokList .urun-ust { display: flex; align-items: center; gap: 12px; text-decoration: none !important; }
#StokList .urun-foto {
flex: 0 0 auto; width: 54px; height: 54px; border-radius: 12px; overflow: hidden;
background: #fff; box-shadow: 0 1px 5px rgba(20,22,55,.14);
display: flex; align-items: center; justify-content: center;
}
#StokList .urun-foto img { width: 100%; height: 100%; object-fit: contain; padding: 4px; box-sizing: border-box; }
#StokList .urun-metin { flex: 1 1 auto; min-width: 0; }
#StokList .urun-ad { display: block; font-size: 14.5px; font-weight: 700; color: #1c2247; line-height: 1.25; }
#StokList .urun-alt { display: flex; align-items: center; gap: 8px; margin-top: 3px; flex-wrap: wrap; }
#StokList .urun-kod { font-size: 12px; color: #8b91a8; font-weight: 600; }
#StokList .urun-birim { font-size: 11px; color: #2626E6; background: #eef1ff; border-radius: 6px; padding: 1px 7px; font-weight: 700; }
#StokList .urun-fiyat { flex: 0 0 auto; font-size: 15px; font-weight: 800; color: #2626E6; white-space: nowrap; align-self: flex-start; }
/* ---- Aksiyon: stepper + ekle ---- */
#StokList .urun-aksiyon { display: flex; align-items: center; gap: 10px; margin-top: 11px; }
#StokList .stepper {
display: flex; align-items: center; flex: 0 0 auto;
border: 1.5px solid #dfe3f2; border-radius: 11px; overflow: hidden; background: #f5f7fc;
}
#StokList .stepper .st-btn {
width: 40px; height: 40px; border: 0; background: transparent; cursor: pointer;
font-size: 22px; font-weight: 700; color: #2626E6; line-height: 1; padding: 0;
-webkit-tap-highlight-color: transparent;
}
#StokList .stepper .st-btn:active { background: #e6e9f7; }
#StokList .stepper .st-adet.inphizli {
width: 54px !important; height: 40px !important;
border: 0 !important; border-left: 1.5px solid #dfe3f2 !important; border-right: 1.5px solid #dfe3f2 !important;
border-radius: 0 !important; background: #fff !important;
text-align: center !important; font-size: 16px !important; font-weight: 700 !important;
color: #1c2247 !important; box-shadow: none !important; -moz-appearance: textfield;
}
#StokList .stepper .st-adet.inphizli:focus { box-shadow: none !important; background: #fff !important; }
#StokList .stepper .st-adet::-webkit-outer-spin-button,
#StokList .stepper .st-adet::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#StokList .urun-ekle {
flex: 1 1 auto; height: 42px; border: 0; border-radius: 11px; cursor: pointer;
background: linear-gradient(180deg, #3a3fff 0%, #2626E6 100%); color: #fff;
font-size: 15px; font-weight: 700;
display: inline-flex; align-items: center; justify-content: center; gap: 7px;
box-shadow: 0 7px 16px rgba(38,38,230,.26); -webkit-tap-highlight-color: transparent;
transition: filter .12s, transform .05s, background .2s;
}
#StokList .urun-ekle svg { width: 20px; height: 20px; }
#StokList .urun-ekle:active { transform: translateY(1px); }
#StokList .urun-ekle.yukleniyor { filter: grayscale(.3) brightness(.95); pointer-events: none; }
#StokList .urun-item.eklendi .urun-ekle {
background: linear-gradient(180deg, #3ac06f 0%, #37b26a 100%);
box-shadow: 0 7px 16px rgba(55,178,106,.28);
}
/* =====================================================================
GELEN / GIDEN E-FATURA LISTESI v15 (Views/Fatura/EFatura.cshtml)
===================================================================== */
.efatura-list { list-style: none !important; margin: 0 !important; padding: 8px !important; }
.efatura-list .efat-item {
position: relative;
background: #fff;
border: 1px solid #eef0f7;
border-left: 3px solid #c2c8e6;
border-radius: 14px;
margin: 0 0 11px;
box-shadow: 0 2px 8px rgba(20,22,55,.06);
overflow: hidden;
transition: box-shadow .16s, transform .16s;
}
.efatura-list .efat-item:active { transform: scale(.995); }
.efatura-list .efat-item.onayli { border-left-color: #2ec17a; }
.efatura-list .efat-item.red { border-left-color: #e05b4a; }
.efatura-list .efat-item.bekliyor { border-left-color: #F4621F; }
.efatura-list .efat-link { display: block; padding: 13px 14px; text-decoration: none !important; color: #1c2247 !important; }
.efatura-list .efat-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.efatura-list .efat-ad { font-size: 15px; font-weight: 700; color: #1c2247; line-height: 1.3; word-break: break-word; }
.efatura-list .efat-durum {
flex: 0 0 auto; font-size: 10.5px; font-weight: 800; letter-spacing: .2px;
padding: 4px 11px; border-radius: 20px; white-space: nowrap; text-transform: uppercase;
}
.efatura-list .efat-d-onayli { background: #e7f7ee; color: #1c8a4e; }
.efatura-list .efat-d-red { background: #fdecec; color: #c0392b; }
.efatura-list .efat-d-bekliyor { background: #fff3e6; color: #d9730b; }
.efatura-list .efat-meta { display: flex; gap: 8px; align-items: center; margin-top: 7px; flex-wrap: wrap; }
.efatura-list .efat-tip { font-size: 11px; font-weight: 700; color: #2626E6; background: #eef1ff; border-radius: 6px; padding: 2px 8px; }
.efatura-list .efat-id { font-size: 12px; color: #8b91a8; font-weight: 600; word-break: break-all; }
.efatura-list .efat-foot {
display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
margin-top: 11px; padding-top: 10px; border-top: 1px solid #f0f2f9;
}
.efatura-list .efat-tarih { font-size: 12.5px; color: #6b7186; font-weight: 600; }
.efatura-list .efat-tutar { font-size: 16px; font-weight: 800; color: #2626E6; white-space: nowrap; }
/* Onayla (gelen, yetki varsa) -> alt turuncu seritli buton */
.efatura-list .efat-onayla {
display: block; text-align: center; text-decoration: none !important;
padding: 11px; background: #F4621F; color: #fff !important; font-weight: 700; font-size: 14px;
border-top: 1px solid rgba(0,0,0,.05);
}
.efatura-list .efat-onayla:active { background: #d9540f; }
.efatura-list .efat-bos { list-style: none; text-align: center; color: #9aa0b4; font-size: 14px; padding: 40px 16px; }
/* =====================================================================
RAPORLAR v16 (Views/Rapor/Kategori.cshtml + RaporList.cshtml)
===================================================================== */
.rapor-list { list-style: none !important; margin: 0 !important; padding: 8px !important; }
.rapor-item {
background: #fff; border: 1px solid #eef0f7; border-radius: 14px;
margin: 0 0 10px; box-shadow: 0 2px 8px rgba(20,22,55,.06); overflow: hidden;
transition: box-shadow .16s, transform .16s;
}
.rapor-item:active { transform: scale(.995); }
.rapor-link { display: flex; align-items: center; gap: 12px; padding: 12px 14px; text-decoration: none !important; color: #1c2247 !important; }
.rapor-ikon {
flex: 0 0 auto; width: 38px; height: 38px; border-radius: 11px;
display: flex; align-items: center; justify-content: center;
background: linear-gradient(135deg, #3a3fff 0%, #2626E6 100%);
box-shadow: 0 4px 11px rgba(38,38,230,.26);
}
.rapor-ikon svg { width: 20px !important; height: 20px !important; color: #fff; display: block; flex: 0 0 auto; }
/* Rapor (belge) rozeti -> yumusak acik ton */
.rapor-ikon-doc { background: linear-gradient(135deg, #eef1ff 0%, #e1e6ff 100%); box-shadow: inset 0 0 0 1px rgba(38,38,230,.10); }
.rapor-ikon-doc svg { color: #2626E6; }
.rapor-metin { flex: 1 1 auto; min-width: 0; }
.rapor-ad { display: block; font-size: 15px; font-weight: 700; color: #1c2247; line-height: 1.3; word-break: break-word; }
.rapor-aciklama { display: block; font-size: 12.5px; color: #8b91a8; margin-top: 2px; line-height: 1.35; }
.rapor-say {
flex: 0 0 auto; min-width: 24px; height: 24px; padding: 0 8px; border-radius: 20px;
background: #F4621F; color: #fff; font-size: 12px; font-weight: 800;
display: inline-flex; align-items: center; justify-content: center;
}
.rapor-ok { flex: 0 0 auto; color: #c2c8e6; display: flex; }
.rapor-ok svg { width: 20px; height: 20px; }
.rapor-link:active .rapor-ok { color: #2626E6; }
/* Rapor arama kutusu */
.rapor-ara-kutu { position: relative; margin: 8px 8px 4px; }
.rapor-ara-ikon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; color: #9aa0b4; pointer-events: none; }
.rapor-ara {
width: 100%; box-sizing: border-box;
padding: 13px 14px 13px 42px !important;
border: 1.6px solid #dfe3f2 !important; border-radius: 12px !important;
background: #f5f7fc !important; font-size: 16px !important; color: #1c2247 !important;
-webkit-appearance: none;
}
.rapor-ara:focus { border-color: #2626E6 !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(38,38,230,.13) !important; outline: none; }
/* =====================================================================
RAPOR PARAMETRE GIRIS FORMU v18 (Views/Rapor/RaporGoster.cshtml)
jQM collapsible .RaporFormuCollapse ile izole
===================================================================== */
.RaporFormuCollapse { margin: 10px 8px 14px !important; border: 0 !important; }
/* Baslik "Rapor Secenekleri" -> marka mavi */
.RaporFormuCollapse .ui-collapsible-heading { margin: 0 !important; }
.RaporFormuCollapse .ui-collapsible-heading .ui-btn {
border-radius: 14px 14px 0 0 !important;
background: #2626E6 !important; background-image: none !important; border: 0 !important;
color: #fff !important; text-shadow: none !important; font-weight: 700 !important; font-size: 14px !important;
padding-top: 13px !important; padding-bottom: 13px !important;
}
.RaporFormuCollapse.ui-collapsible-collapsed .ui-collapsible-heading .ui-btn { border-radius: 14px !important; }
.RaporFormuCollapse .ui-collapsible-heading .ui-btn .ui-icon {
background-color: rgba(255,255,255,.25) !important;
}
/* Icerik -> beyaz kart */
.RaporFormuCollapse .ui-collapsible-content {
background: #fff !important; border: 1px solid #eef0f7 !important; border-top: 0 !important;
border-radius: 0 0 14px 14px !important; padding: 14px 14px 8px !important;
box-shadow: 0 4px 16px rgba(20,22,55,.08) !important;
}
/* Alan kaplari + etiketler */
.RaporFormuCollapse .ui-field-contain {
border-bottom: 1px solid #f2f4fa !important; padding: 4px 0 13px !important; margin: 0 0 11px !important;
}
.RaporFormuCollapse .ui-field-contain:last-of-type { border-bottom: 0 !important; margin-bottom: 4px !important; }
.RaporFormuCollapse .ui-field-contain label,
.RaporFormuCollapse .ui-input-text label {
font-size: 13px !important; font-weight: 700 !important; color: #444a63 !important; letter-spacing: .2px;
}
/* NOT: input/.ui-input-text stillerine DOKUNULMUYOR — jQM'in kendi yapisiyla
cakisip textbox'lari bozuyordu; jQM varsayilani + genel brand.css yeterli. */
/* Getir butonu -> belirgin marka mavisi */
.RaporFormuCollapse .getrapor {
border-radius: 12px !important; font-weight: 700 !important; font-size: 16px !important;
box-shadow: 0 8px 18px rgba(38,38,230,.26) !important; margin-top: 14px !important;
}
/* Gosterim / Cikti Turu slider basliklari */
.RaporFormuCollapse .longswitch label { font-weight: 700 !important; color: #444a63 !important; }
/* =====================================================================
TAHSILAT TURU SECIMI v20 (Views/Tahsilat/TurSec.cshtml)
===================================================================== */
.tahsilat-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
padding: 18px 12px; max-width: 520px; margin: 0 auto; box-sizing: border-box;
}
.tahsilat-card {
display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 13px;
text-align: center; min-height: 138px;
background: #fff; border: 1px solid #eef0f7; border-radius: 18px; padding: 24px 12px;
text-decoration: none !important; color: #1c2247 !important;
box-shadow: 0 2px 10px rgba(20,22,55,.07);
transition: transform .16s ease, box-shadow .16s ease;
-webkit-tap-highlight-color: transparent;
}
.tahsilat-card:hover, .tahsilat-card:active, .tahsilat-card:focus {
transform: translateY(-2px); box-shadow: 0 12px 26px rgba(38,38,230,.16); border-color: rgba(38,38,230,.14);
}
.tahsilat-ikon {
width: 64px; height: 64px; border-radius: 50%;
display: flex; align-items: center; justify-content: center; flex: 0 0 auto;
background: linear-gradient(135deg, #3a3fff 0%, #2626E6 100%);
box-shadow: 0 7px 16px rgba(38,38,230,.30);
}
.tahsilat-ikon svg { width: 32px !important; height: 32px !important; color: #fff; display: block; }
.tahsilat-ad { font-size: 15.5px; font-weight: 700; color: #1c2247; }
/* Turlere gore ayirt edici rozet renkleri */
.tahsilat-ikon.ti-nakit { background: linear-gradient(135deg, #3ad07f 0%, #22b366 100%); box-shadow: 0 7px 16px rgba(34,179,102,.30); }
.tahsilat-ikon.ti-kart { background: linear-gradient(135deg, #3a3fff 0%, #2626E6 100%); box-shadow: 0 7px 16px rgba(38,38,230,.30); }
.tahsilat-ikon.ti-cek { background: linear-gradient(135deg, #ff8a4a 0%, #F4621F 100%); box-shadow: 0 7px 16px rgba(244,98,31,.30); }
.tahsilat-ikon.ti-senet { background: linear-gradient(135deg, #8b6cf0 0%, #6b46e5 100%); box-shadow: 0 7px 16px rgba(107,70,229,.30); }
/* =====================================================================
YATAY TASMA (saga-sola kayma) ENGELLE v22 — telefon WebView
===================================================================== */
html, body {
max-width: 100% !important; width: 100% !important; overflow-x: hidden !important; margin: 0 !important;
}
.ui-mobile-viewport, .ui-page, [data-role="page"], #home,
#page_content, .ui-content, .ui-panel-page-container, .header_wrapper {
max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important;
}
#page_content img, .ui-content img { max-width: 100% !important; height: auto; }
/* Genis icerik (tablolar) sayfayi ITMESIN -> kendi kutusunda yatay kaysin */
.ui-content .table, .ui-content .footable, .ui-content .RespTable,
.ui-content table.table-striped, .ui-content > table {
display: block !important; width: 100% !important; max-width: 100% !important;
overflow-x: auto !important; -webkit-overflow-scrolling: touch;
}
/* =====================================================================
E-FATURA / E-IRSALIYE GORUNTULEME — tam ekran + yuzen +/- (v22)
===================================================================== */
.efat-iframe { display: block; border: 0; width: 100%; height: calc(100vh - 52px); background: #fff; }
/* Sag altta yuzen yakinlastir/uzaklastir butonlari */
.efat-fab { position: fixed; right: 14px; bottom: 72px; z-index: 1000; display: flex; flex-direction: column; gap: 12px; }
.efat-fab-btn {
width: 54px; height: 54px; border: 0; border-radius: 50%;
background: #2626E6; color: #fff; font-size: 30px; font-weight: 700; line-height: 1;
box-shadow: 0 6px 18px rgba(38,38,230,.45); cursor: pointer;
-webkit-tap-highlight-color: transparent; display: flex; align-items: center; justify-content: center;
}
.efat-fab-btn:active { background: #1c1cc8; transform: scale(.94); }
/* =====================================================================
BARKOD TARAYICI overlay (canli kamera) v23
===================================================================== */
.barkod-overlay {
position: fixed; inset: 0; z-index: 100000; background: #000;
display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.barkod-video { width: 100%; height: 100%; object-fit: cover; }
.barkod-mask {
position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
pointer-events: none;
}
.barkod-cerceve {
width: 76%; max-width: 340px; height: 210px; border: 3px solid #F4621F; border-radius: 14px;
box-shadow: 0 0 0 4000px rgba(0,0,0,.45);
}
.barkod-ipucu {
position: absolute; top: 12%; left: 0; right: 0; text-align: center;
color: #fff; font-size: 15px; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,.7);
}
.barkod-kapat {
position: absolute; bottom: 34px; left: 50%; transform: translateX(-50%);
padding: 12px 34px; border: 0; border-radius: 30px; cursor: pointer;
background: #fff; color: #1c2247; font-size: 16px; font-weight: 700;
box-shadow: 0 6px 18px rgba(0,0,0,.4);
}
/* =====================================================================
MUHASEBE FISI modulu v24 (Views/Muhasebe/*)
===================================================================== */
.muh-form { padding: 10px 10px 24px; max-width: 640px; margin: 0 auto; box-sizing: border-box; }
/* Tek tip placeholder rengi (form + filtre) */
.muh-form ::-webkit-input-placeholder, .muh-filtre ::-webkit-input-placeholder { color: #aab0c6; }
.muh-form :-ms-input-placeholder, .muh-filtre :-ms-input-placeholder { color: #aab0c6; }
.muh-form ::placeholder, .muh-filtre ::placeholder { color: #aab0c6; opacity: 1; }
.muh-ust { display: flex; gap: 10px; margin-bottom: 12px; }
.muh-alan { flex: 1 1 0; min-width: 0; }
.muh-alan label { display: block; font-size: 12.5px; font-weight: 700; color: #444a63; margin: 0 0 5px 2px; }
.muh-ust select, .muh-ust input[type=date], .muh-ust textarea.muh-genel-ack {
width: 100%; box-sizing: border-box; padding: 0 13px;
border: 1.6px solid #e4e8f4; border-radius: 12px; background: #fff; font-size: 15px; color: #1c2247;
font-family: inherit; -webkit-appearance: none; appearance: none;
box-shadow: inset 0 1px 2px rgba(20,22,55,.045);
transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.muh-ust select, .muh-ust input[type=date] { height: 46px; }
.muh-ust select {
cursor: pointer; padding-right: 36px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat; background-position: right 12px center;
}
/* Fis aciklamasi — genis, cok satirli */
.muh-ust textarea.muh-genel-ack { min-height: 82px; resize: vertical; padding: 11px 13px; line-height: 1.5; }
.muh-ust select:hover, .muh-ust input[type=date]:hover, .muh-ust textarea.muh-genel-ack:hover { border-color: #cdd4ec; }
.muh-ust select:focus, .muh-ust input:focus, .muh-ust textarea.muh-genel-ack:focus {
border-color: #2626E6; outline: none; background: #fff;
box-shadow: 0 0 0 3.5px rgba(38,38,230,.13), inset 0 1px 2px rgba(20,22,55,.02);
}
/* Header "Yeni Fis" ekle butonu — daireli, belirgin (eski ciplak + duzeltmesi) */
#header .header_button.muh-add-btn {
width: 38px !important; height: 38px !important; margin-top: 3px !important;
border-radius: 50% !important; background: rgba(255,255,255,.16) !important;
border: 1.5px solid rgba(255,255,255,.55) !important; box-sizing: border-box !important;
display: flex !important; align-items: center; justify-content: center;
box-shadow: 0 2px 6px rgba(0,0,0,.18) !important;
}
#header .header_button.muh-add-btn:active { background: rgba(255,255,255,.30) !important; transform: translateY(1px); }
#header .header_button.muh-add-btn .hdr-cart-ikon { width: 22px !important; height: 22px !important; }
/* Fis listesi filtre cubugu */
.muh-filtre { max-width: 640px; margin: 0 auto; padding: 8px 8px 2px; box-sizing: border-box; }
.muh-filtre-ara {
width: 100%; box-sizing: border-box; height: 46px; padding: 0 14px 0 40px; margin-bottom: 8px;
border: 1.6px solid #e4e8f4; border-radius: 12px; background-color: #fff; font-size: 15px; color: #1c2247;
-webkit-appearance: none; box-shadow: inset 0 1px 2px rgba(20,22,55,.04);
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat; background-position: left 13px center;
transition: border-color .16s, box-shadow .16s;
}
.muh-filtre-ara:hover { border-color: #cdd4ec; }
.muh-filtre-ara:focus { border-color: #2626E6; outline: none; box-shadow: 0 0 0 3.5px rgba(38,38,230,.13), inset 0 1px 2px rgba(20,22,55,.02); }
.muh-filtre-satir { display: flex; gap: 8px; }
.muh-filtre-sel {
flex: 1 1 0; min-width: 0; box-sizing: border-box; height: 44px; padding: 0 10px;
border: 1.6px solid #e4e8f4; border-radius: 12px; background: #fff; font-size: 13.5px; color: #444a63;
-webkit-appearance: none; box-shadow: inset 0 1px 2px rgba(20,22,55,.04);
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat; background-position: right 11px center; padding-right: 30px;
transition: border-color .16s, box-shadow .16s;
}
.muh-filtre-sel:hover { border-color: #cdd4ec; }
.muh-filtre-sel:focus { border-color: #2626E6; outline: none; box-shadow: 0 0 0 3.5px rgba(38,38,230,.13), inset 0 1px 2px rgba(20,22,55,.02); }
/* Tarih araligi filtre satiri */
.muh-filtre-tarih { align-items: center; margin-top: 8px; }
.muh-filtre-et { flex: 0 0 auto; font-size: 12.5px; font-weight: 700; color: #6b7186; padding-left: 2px; }
.muh-filtre-tire { flex: 0 0 auto; color: #9aa0b4; font-weight: 800; }
input.muh-filtre-sel[type=date] { background-image: none; padding-right: 8px; font-size: 13px; }
.muh-filtre-temizle { flex: 0 0 auto; width: 36px; height: 44px; border: 1.6px solid #e4e8f4; border-radius: 12px; background: #fff; color: #c0392b; font-size: 18px; line-height: 1; cursor: pointer; box-shadow: inset 0 1px 2px rgba(20,22,55,.04); transition: background .15s, border-color .15s; }
.muh-filtre-temizle:hover { border-color: #f0c4c0; }
.muh-filtre-temizle:active { background: #fdecec; }
/* Belge turu cipi (fis kartinda) */
.efatura-list .efat-belge { font-size: 11px; font-weight: 700; color: #7a3ca8; background: #f3e9fb; border-radius: 6px; padding: 2px 8px; }
/* Satir kart */
.muh-satir { background: #fff; border: 1px solid #eef0f7; border-left: 4px solid #e4e7f2; border-radius: 14px; padding: 11px 12px; margin: 0 0 10px; box-shadow: 0 2px 8px rgba(20,22,55,.06); transition: border-color .16s ease, box-shadow .16s ease; }
.muh-satir.sec-borc { border-left-color: #2ec17a; }
.muh-satir.sec-alacak { border-left-color: #F4621F; }
.muh-satir-ust { display: flex; align-items: flex-start; gap: 8px; }
.muh-hesap-wrap { position: relative; flex: 1 1 auto; min-width: 0; }
.muh-hesap { width: 100%; box-sizing: border-box; height: 42px; padding: 0 13px; border: 1.5px solid #e4e8f4; border-radius: 11px; background: #f7f8fc; font-size: 15px; color: #1c2247; -webkit-appearance: none; box-shadow: inset 0 1px 2px rgba(20,22,55,.04); transition: border-color .16s, background .16s, box-shadow .16s; }
.muh-hesap:hover { border-color: #cdd4ec; }
.muh-hesap:focus { border-color: #2626E6; background: #fff; outline: none; box-shadow: 0 0 0 3.5px rgba(38,38,230,.13); }
.muh-hesap-ad { font-size: 12px; color: #2626E6; font-weight: 600; margin: 4px 0 0 2px; min-height: 14px; }
.muh-hesap-list {
display: none; position: absolute; z-index: 50; left: 0; right: 0; top: 42px;
background: #fff; border: 1px solid #dfe3f2; border-radius: 10px; box-shadow: 0 8px 22px rgba(20,22,55,.16);
max-height: 240px; overflow-y: auto;
}
.muh-hesap-item { padding: 10px 12px; font-size: 13.5px; color: #1c2247; border-bottom: 1px solid #f2f4fa; cursor: pointer; }
.muh-hesap-item:last-child { border-bottom: 0; }
.muh-hesap-item:active, .muh-hesap-item:hover { background: #eef1ff; }
.muh-sil { flex: 0 0 auto; width: 36px; height: 40px; border: 0; background: #fdecec; color: #c0392b; font-size: 22px; border-radius: 10px; cursor: pointer; line-height: 1; }
.muh-satir-alt { display: flex; align-items: center; gap: 8px; margin-top: 9px; }
/* Borç/Alacak segmenti — secilince dolgu renk + gölge */
.muh-ba { display: flex; flex: 0 0 auto; background: #eef0f7; border-radius: 12px; padding: 3px; gap: 3px; }
.muh-ba button { border: 0; background: transparent; height: 38px; padding: 0 18px; font-size: 14px; font-weight: 800; color: #9098ad; cursor: pointer; border-radius: 9px; transition: background .15s, color .15s, box-shadow .15s; -webkit-tap-highlight-color: transparent; }
.muh-borc.aktif { background: #2ec17a; color: #fff; box-shadow: 0 3px 9px rgba(46,193,122,.38); }
.muh-alacak.aktif { background: #F4621F; color: #fff; box-shadow: 0 3px 9px rgba(244,98,31,.38); }
.muh-tutar { flex: 1 1 auto; min-width: 0; box-sizing: border-box; height: 42px; padding: 0 13px; border: 1.6px solid #e4e8f4; border-radius: 11px; background: #f7f8fc; text-align: right; font-size: 17px; font-weight: 800; color: #1c2247; -webkit-appearance: none; box-shadow: inset 0 1px 2px rgba(20,22,55,.04); transition: color .15s, border-color .15s, box-shadow .15s, background .15s; }
.muh-tutar:focus { background: #fff; outline: none; }
/* Tutar rengi secime gore */
.muh-satir.sec-borc .muh-tutar { color: #1c8a4e; border-color: #c3ead4; background: #f3fbf6; }
.muh-satir.sec-borc .muh-tutar:focus { border-color: #2ec17a; box-shadow: 0 0 0 3px rgba(46,193,122,.16); }
.muh-satir.sec-alacak .muh-tutar { color: #c55a12; border-color: #f7d2b9; background: #fff7f1; }
.muh-satir.sec-alacak .muh-tutar:focus { border-color: #F4621F; box-shadow: 0 0 0 3px rgba(244,98,31,.16); }
.muh-satir-ek { display: flex; gap: 8px; margin-top: 9px; }
.muh-satir-ek .muh-ack { flex: 2 1 0; }
.muh-satir-ek .muh-evrakno { flex: 1 1 0; }
.muh-ack, .muh-evrakno { min-width: 0; box-sizing: border-box; height: 40px; padding: 0 13px; border: 1.5px solid #e7eaf5; border-radius: 11px; background: #fafbfe; font-size: 13.5px; color: #444a63; -webkit-appearance: none; box-shadow: inset 0 1px 2px rgba(20,22,55,.035); transition: border-color .16s, background .16s, box-shadow .16s; }
.muh-ack:hover, .muh-evrakno:hover { border-color: #d3d9ee; }
.muh-ack:focus, .muh-evrakno:focus { border-color: #2626E6; background: #fff; outline: none; box-shadow: 0 0 0 3.5px rgba(38,38,230,.13); }
.muh-satir-ekle { width: 100%; display: flex; align-items: center; justify-content: center; gap: 9px; height: 50px; border: 1.7px dashed #aab2da; border-radius: 13px; background: #f5f7fc; color: #2626E6; font-size: 15px; font-weight: 800; cursor: pointer; margin: 4px 0 14px; transition: background .15s, border-color .15s, transform .06s; }
.muh-satir-ekle:active { background: #e7ebfb; transform: translateY(1px); }
.muh-ekle-ikon { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: #2626E6; color: #fff; font-size: 20px; font-weight: 800; line-height: 1; box-shadow: 0 2px 6px rgba(38,38,230,.32); }
.muh-ozet { display: flex; gap: 10px; margin-bottom: 14px; }
.muh-ozet-kutu { flex: 1 1 0; background: #fff; border: 1px solid #eef0f7; border-radius: 12px; padding: 10px; text-align: center; box-shadow: 0 1px 5px rgba(20,22,55,.06); }
.muh-ozet-kutu span { display: block; font-size: 11px; color: #8b91a8; font-weight: 600; }
.muh-ozet-kutu b { display: block; font-size: 16px; color: #1c2247; margin-top: 3px; }
.muh-fark b { color: #c0392b; }
.muh-fark.denk { background: #e7f7ee; border-color: #2ec17a; }
.muh-fark.denk b { color: #1c8a4e; }
.muh-kaydet { width: 100%; height: 50px; border: 0; border-radius: 12px; background: linear-gradient(180deg,#3a3fff,#2626E6); color: #fff; font-size: 17px; font-weight: 700; cursor: pointer; box-shadow: 0 8px 20px rgba(38,38,230,.3); }
.muh-kaydet:active { transform: translateY(1px); }
.muh-kaydet.yukleniyor { filter: grayscale(.3) brightness(.95); pointer-events: none; }
.muh-sonuc { margin-top: 12px; text-align: center; font-size: 14px; font-weight: 600; }
.muh-sonuc.basari { color: #1c8a4e; }
.muh-sonuc.hata { color: #c0392b; }
/* Detay */
.muh-detay-bas { background: #2626E6; color: #fff; padding: 16px; border-radius: 0 0 16px 16px; text-align: center; }
.muh-detay-no { font-size: 18px; font-weight: 700; }
.muh-detay-tar { font-size: 13px; opacity: .85; margin-top: 2px; }
.muh-detay-top { display: flex; justify-content: center; gap: 20px; margin-top: 8px; font-size: 13px; }
.muh-detay-top b { font-size: 15px; }
.muh-detay-liste { list-style: none; margin: 12px 0; padding: 0 8px; }
.muh-detay-satir { background: #fff; border: 1px solid #eef0f7; border-radius: 12px; padding: 11px 13px; margin-bottom: 8px; box-shadow: 0 1px 5px rgba(20,22,55,.06); }
.muh-ds-ust { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.muh-ds-kod { font-size: 15px; font-weight: 700; color: #1c2247; }
.muh-ds-tut { font-size: 15px; font-weight: 800; white-space: nowrap; }
.muh-ds-tut.borc { color: #1c8a4e; }
.muh-ds-tut.alacak { color: #d9730b; }
.muh-ds-ad { font-size: 12.5px; color: #6b7186; margin-top: 3px; }
.muh-ds-ack { font-size: 12px; color: #9aa0b4; margin-top: 4px; font-style: italic; }
/* =====================================================================
v33 — GENEL LISTE EKRANLARI MODERNIZASYONU
Cari / Fatura / Irsaliye / Siparis / Talep / Rapor gibi jQuery Mobile
listview iceren TUM ekranlar icin ortak, guvenli kart gorunumu.
Kapsam: yalnizca icerik alani (#page_content / .ui-content) —
sol menu (#left_panel) DISINDA tutulur.
===================================================================== */
/* ---- Inset liste = tek yumusak kart ---- */
#page_content .ui-listview-inset,
.ui-content .ui-listview-inset {
border: 1px solid #eceffa !important;
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 6px 22px rgba(20,22,55,.07) !important;
margin: 10px auto !important;
background: #fff !important;
}
/* ---- Satirlar: temiz zemin + ince ic ayrac ---- */
#page_content .ui-listview > li.ui-li-static,
#page_content .ui-listview > li .ui-btn,
.ui-content .ui-listview > li.ui-li-static,
.ui-content .ui-listview > li .ui-btn {
background: #fff !important;
background-image: none !important;
border: 0 !important;
border-bottom: 1px solid #f0f2f9 !important;
color: #20264d !important;
text-shadow: none !important;
border-radius: 0 !important;
padding-top: 14px !important;
padding-bottom: 14px !important;
}
#page_content .ui-listview > li:last-child .ui-btn,
#page_content .ui-listview > li:last-child.ui-li-static,
.ui-content .ui-listview > li:last-child .ui-btn,
.ui-content .ui-listview > li:last-child.ui-li-static { border-bottom: 0 !important; }
/* ---- Satir vurgusu: acik mavi zemin + turuncu sol serit ---- */
#page_content .ui-listview > li .ui-btn:hover,
#page_content .ui-listview > li .ui-btn.ui-btn-active,
.ui-content .ui-listview > li .ui-btn:hover,
.ui-content .ui-listview > li .ui-btn.ui-btn-active {
background: #f5f8ff !important;
box-shadow: inset 4px 0 0 #F4621F !important;
color: #1c2247 !important;
}
/* ---- Baslik / aciklama tipografisi ---- */
#page_content .ui-li-heading, .ui-content .ui-li-heading {
color: #1c2247 !important; font-size: 15.5px !important; font-weight: 700 !important;
margin: 0 0 3px !important; line-height: 1.3 !important;
}
#page_content .ui-li-desc, .ui-content .ui-li-desc {
color: #7a8098 !important; font-size: 12.7px !important; font-weight: 500 !important; line-height: 1.35 !important;
}
/* ---- Sayac balonu -> marka mavi hap ---- */
#page_content .ui-li-count, .ui-content .ui-li-count {
background: #2626E6 !important; color: #fff !important; border: 0 !important;
text-shadow: none !important; box-shadow: 0 3px 8px rgba(38,38,230,.28) !important;
font-weight: 800 !important; font-size: 11.5px !important; top: 50% !important;
}
/* ---- Bolum ayraclari (ui-li-divider) -> acik mavi baslik ---- */
#page_content .ui-li-divider, .ui-content .ui-li-divider {
background: #eef1ff !important; background-image: none !important;
color: #2020b8 !important; text-shadow: none !important; border: 0 !important;
border-left: 4px solid #2626E6 !important;
font-weight: 800 !important; font-size: 12.5px !important;
text-transform: uppercase; letter-spacing: .4px;
}
/* ---- Liste ikonlarini marka mavisine boya (koyu PNG'ler netlessin) ---- */
#page_content .ui-listview .ui-li-icon,
.ui-content .ui-listview .ui-li-icon {
filter: brightness(0) saturate(100%) invert(20%) sepia(94%) saturate(4000%) hue-rotate(238deg) brightness(95%) contrast(100%);
-webkit-filter: brightness(0) saturate(100%) invert(20%) sepia(94%) saturate(4000%) hue-rotate(238deg) brightness(95%) contrast(100%);
opacity: 1 !important;
}
/* ---- Ust arama kutusu (input[type=search]) -> modern yuvarlak ---- */
#page_content .ui-input-search, .ui-content .ui-input-search,
#page_content input[type=search], .ui-content input[type=search] {
border: 1.6px solid #e4e8f4 !important; border-radius: 12px !important;
background: #fff !important; box-shadow: none !important; margin: 8px 0 !important;
}
#page_content .ui-input-search.ui-focus, .ui-content .ui-input-search.ui-focus,
#page_content input[type=search]:focus, .ui-content input[type=search]:focus {
border-color: #2626E6 !important; box-shadow: 0 0 0 3px rgba(38,38,230,.13) !important;
}
/* ---- Genel form butonlari (data-theme=b Ara vb.) -> marka mavi ---- */
#page_content .ui-btn-b, .ui-content .ui-btn-b {
background: linear-gradient(180deg,#3b46f5,#2626E6) !important; color: #fff !important;
border: 0 !important; text-shadow: none !important; border-radius: 12px !important;
box-shadow: 0 6px 16px rgba(38,38,230,.26) !important; font-weight: 700 !important;
}
#page_content .ui-btn-b:hover, .ui-content .ui-btn-b:hover { background: #1f1fd6 !important; }
/* ---- Alt sabit navbar butonu ( or. "Yeni Cari Tanimla") -> yesil aksiyon ---- */
[data-role="footer"] .ui-navbar .ui-btn {
background: linear-gradient(180deg,#37b26a,#2ea15e) !important; color: #fff !important;
border: 0 !important; text-shadow: none !important; font-weight: 700 !important;
box-shadow: 0 -1px 0 rgba(0,0,0,.04) !important;
}
/* jQM navbar glyph'leri BEYAZ; disk beyaz olunca ikon kayboluyordu -> koyu disk (beyaz ikon gorunur) */
[data-role="footer"] .ui-navbar .ui-btn .ui-icon { background-color: rgba(0,0,0,.30) !important; }
/* ---- Bos-sonuc uyarisi (alert-error) -> yumusak kart ---- */
#page_content .alert-error, .ui-content .alert-error {
background: #fff4f4 !important; border: 1px solid #f6d5d5 !important; color: #b23b3b !important;
border-radius: 12px !important; padding: 14px 16px !important; text-align: center; font-weight: 600;
}
/* =====================================================================
v33b — ICERIK FORM KONTROLLERI (jQuery Mobile) modernizasyonu
Siparis / Fatura / Irsaliye / Ziyaret / Tahsilat formlarindaki
metin kutusu, select ve butonlar icin ortak modern gorunum.
===================================================================== */
/* NOT (v19 dersi): jQM 1.3.2 metin kutusu sarmalayicisi `.ui-input-text`e
border/bg/focus override'i textbox'lari BOZUYOR — bu yuzden metin kutulari
KASITLI olarak jQM varsayilaninda birakildi. Yalnizca select/buton/switch
gibi guvenli kontroller stillendi. */
/* ---- Select (data-role dropdown) ---- */
#page_content .ui-select .ui-btn, .ui-content .ui-select .ui-btn {
background: #fff !important; background-image: none !important;
border: 1.6px solid #e4e8f4 !important; border-radius: 12px !important;
color: #1c2247 !important; text-shadow: none !important; box-shadow: none !important;
font-weight: 600 !important;
}
#page_content .ui-select .ui-btn:hover, .ui-content .ui-select .ui-btn:hover {
border-color: #c7cee9 !important; background: #fbfcff !important;
}
/* ---- Genel butonlar (temasiz / c temasi) -> nazik gri kart ---- */
#page_content .ui-btn:not(.ui-btn-b):not(.ui-li-count):not(.ui-slider-handle),
.ui-content .ui-btn:not(.ui-btn-b):not(.ui-li-count):not(.ui-slider-handle) {
border-radius: 12px !important;
}
/* ---- Birincil eylem butonu (data-theme=b submit vb.) zaten mavi (v33) ---- */
/* ---- data-theme=a submit / kaydet -> marka mavi vurgulansin ---- */
#page_content input[type=submit].ui-btn-a, .ui-content input[type=submit].ui-btn-a {
background: linear-gradient(180deg,#3b46f5,#2626E6) !important; color:#fff !important;
border:0 !important; text-shadow:none !important; box-shadow:0 6px 16px rgba(38,38,230,.26) !important;
}
/* ---- Flip switch (acik/kapali) -> marka mavi aktif ---- */
#page_content .ui-flipswitch-active, .ui-content .ui-flipswitch-active {
background: #2626E6 !important; border-color: #2626E6 !important;
}
/* ---- Collapsible (acilir bolum) basliklari icerikte -> hafif kart ---- */
#page_content .ui-collapsible-heading .ui-btn, .ui-content .ui-collapsible-heading .ui-btn {
background: #f5f7fc !important; background-image: none !important; color: #1c2247 !important;
border: 1px solid #eceffa !important; border-radius: 12px !important; text-shadow: none !important;
font-weight: 700 !important;
}
#page_content .ui-collapsible-content, .ui-content .ui-collapsible-content {
border: 1px solid #eceffa !important; border-top: 0 !important;
border-radius: 0 0 12px 12px !important; background: #fff !important;
}
/* =====================================================================
v33c — HEADER *-90b.png "beyaz blob" ikonlari -> temiz beyaz SVG
brand.css header imgleri brightness(0) invert(1) ile beyazlatiyor;
dolu 90b PNG'ler beyaz bloba donuyordu. 20 ekrandaki bu header
kisayol butonlarini TEK kuralla temiz beyaz "belge/liste" SVG ile
degistiriyoruz (WebKit/Blink webview `content: url()` destegi).
===================================================================== */
#header .header_button img[src*="90b"] {
filter: none !important; -webkit-filter: none !important;
width: 26px !important; height: 26px !important; object-fit: contain;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2'/%3E%3Cpath d='M9 3m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E") !important;
}