/* ==========================================================================
İsAs Takip — "Pro" tema katmanı (2026-10-14)
style.css'in ÜZERİNE yüklenir; sadece görünümü değiştirir, app.js'e ve
sınıf/ID adlarına dokunmaz. Geri dönmek için index.html'deki
satırını kaldırmak yeterli
(ya da index-yedek-20261014.html geri yüklenir).
========================================================================== */
:root {
--pro-ink: #0b2a27; /* üst çubuk zemin */
--pro-ink-2: #103a35; /* menü şeridi */
--pro-accent: #2bb3a5; /* vurgu (aktif çizgi, odak) */
--pro-primary: #14796f; /* birincil buton */
--pro-primary-hover: #0f6259;
--bg: #f3f5f7;
--card-bg: #ffffff;
--border: #e3e8ec;
--border-strong: #ccd5db;
--text: #15232a;
--text-muted: #5e707a;
--text-faint: #97a6ae;
--radius-sm: 8px;
--radius-md: 12px;
--radius-lg: 16px;
--shadow-xs: 0 1px 2px rgba(16,33,40,.05);
--shadow-sm: 0 1px 3px rgba(16,33,40,.06), 0 4px 12px rgba(16,33,40,.05);
--shadow-md: 0 8px 24px -8px rgba(16,33,40,.18);
--shadow-lg: 0 24px 56px -16px rgba(16,33,40,.30);
}
body {
font-family: "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
background: var(--bg);
font-size: 14px;
line-height: 1.45;
}
/* --------------------------------------------------------------------------
Giriş ekranı
-------------------------------------------------------------------------- */
.login-visual {
background:
radial-gradient(700px 520px at 12% 8%, rgba(43,179,165,.28), transparent 62%),
radial-gradient(600px 480px at 92% 96%, rgba(63,81,181,.22), transparent 60%),
linear-gradient(165deg, #082220 0%, #0d332f 55%, #082220 100%);
}
.lv-blob { opacity: .32; }
.lv-text { max-width: 520px; }
.lv-text h2 { letter-spacing: -.015em; }
.lv-ozellikler {
list-style: none; margin: 28px 0 0; padding: 0;
display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px;
}
.lv-ozellikler li {
display: flex; align-items: center; gap: 10px;
font-size: 13.5px; font-weight: 600; color: rgba(255,255,255,.86);
}
.lv-ozellikler .lvo-ic {
width: 30px; height: 30px; border-radius: 9px; flex-shrink: 0;
display: flex; align-items: center; justify-content: center; font-size: 15px;
background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12);
}
.lv-guven {
display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px;
}
.lv-guven span {
font-size: 11.5px; font-weight: 700; letter-spacing: .02em;
padding: 6px 11px; border-radius: 999px;
color: rgba(255,255,255,.78); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);
}
.login-form-side { background: #f6f8f9; }
.login-card {
max-width: 400px; background: #fff; border: 1px solid var(--border);
border-radius: 18px; padding: 32px 30px 28px; box-shadow: var(--shadow-md);
}
.login-card h1 { font-size: 23px; letter-spacing: -.01em; }
.login-card p.sub { margin-bottom: 22px; }
.login-card label { font-size: 12px; color: #43555e; letter-spacing: .01em; }
.login-card input {
height: 44px; padding: 0 14px; background: #fff; border: 1px solid var(--border-strong);
border-radius: 10px;
}
.login-card input:focus { border-color: var(--pro-accent); box-shadow: 0 0 0 3.5px rgba(43,179,165,.18); }
.login-card button[type="submit"] {
height: 46px; padding: 0; margin-top: 8px; border-radius: 10px;
background: var(--pro-primary); box-shadow: 0 8px 18px -8px rgba(20,121,111,.6);
letter-spacing: .01em;
}
.login-card button[type="submit"]:hover { background: var(--pro-primary-hover); }
.login-alt-not {
margin: 18px 0 0; padding-top: 16px; border-top: 1px solid var(--border);
font-size: 12px; color: var(--text-faint); text-align: center;
}
@media (max-width: 860px) {
.login-form-side { background: linear-gradient(180deg, #0d332f 0, #0d332f 190px, #f6f8f9 190px); }
.login-card { padding: 26px 20px 22px; }
.login-form-side { position: relative; padding-top: 96px; align-items: flex-start; }
.login-form-side::before {
content: 'İsAs Takip'; position: absolute; top: 38px; left: 0; right: 0; text-align: center;
color: #eafffb; font-size: 22px; font-weight: 800; letter-spacing: .01em;
}
}
/* --------------------------------------------------------------------------
Üst çubuk + menü şeridi
-------------------------------------------------------------------------- */
#topbar {
background: var(--pro-ink);
border-bottom: none;
box-shadow: 0 1px 0 rgba(255,255,255,.04), 0 6px 18px -10px rgba(4,18,16,.6);
}
.topbar-inner { min-height: 58px; padding-top: 8px; padding-bottom: 8px; }
.brand-mark { border-radius: 9px; box-shadow: none; }
.brand-txt { font-size: 15px; letter-spacing: .005em; }
.brand-txt::after {
content: 'Yönetim Paneli'; display: block; font-size: 10.5px; font-weight: 600;
color: rgba(255,255,255,.5); letter-spacing: .03em; margin-top: 1px;
}
.brand-txt { line-height: 1.15; }
.icon-btn {
width: 36px; height: 36px; border-radius: 9px;
background: transparent; border-color: transparent; color: rgba(255,255,255,.78);
}
.icon-btn:hover { background: rgba(255,255,255,.1); border-color: transparent; }
.bell-rozet { border-color: var(--pro-ink); }
#search-input {
height: 36px; width: 240px; border-radius: 9px;
background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.12);
}
#search-input:focus { width: 300px; background: rgba(255,255,255,.12); border-color: var(--pro-accent); }
.user-chip { border-radius: 10px; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); padding: 3px 10px 3px 3px; }
.user-avatar { border-radius: 8px; background: linear-gradient(135deg, var(--pro-accent), #1b7f74); }
#user-menu { border-radius: 12px; padding: 6px; }
.mod-switch-btn, #geri-btn {
border-radius: 9px; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12);
}
/* Menü şeridi — ikinci bant, aktif grup altta vurgu çizgisiyle */
#topnav {
max-width: none; margin: 0;
background: var(--pro-ink-2);
border-top: 1px solid rgba(255,255,255,.06);
padding-top: 0; padding-bottom: 0; gap: 0; row-gap: 0;
padding-left: max(calc(18px + var(--safe-left)), calc((100vw - 1440px) / 2 + 18px));
padding-right: max(calc(18px + var(--safe-right)), calc((100vw - 1440px) / 2 + 18px));
}
.topnav-grup {
position: relative; border-radius: 0; padding: 12px 8px 11px; gap: 5px;
font-size: 12.5px; font-weight: 600; color: rgba(255,255,255,.72);
}
.topnav-grup::after {
content: ''; position: absolute; left: 10px; right: 10px; bottom: 0; height: 2.5px;
border-radius: 2px 2px 0 0; background: transparent; transition: background .15s;
}
.topnav-grup:hover { background: rgba(255,255,255,.05); color: #fff; }
.topnav-grup.aktif { background: transparent; color: #fff; }
.topnav-grup.aktif::after { background: var(--pro-accent); }
.topnav-grup.acik-buton { background: rgba(255,255,255,.07); color: #fff; }
.topnav-grup .nav-rozet { height: 17px; min-width: 18px; font-size: 10px; }
.topnav-menu {
top: calc(100% + 4px); border-radius: 12px; padding: 6px; min-width: 260px;
border-color: var(--border); box-shadow: var(--shadow-lg);
}
.topnav-menu a { padding: 9px 11px; font-weight: 600; color: #22343c; }
.topnav-menu a:hover { background: #f2f6f7; }
.topnav-menu a.active { background: #e6f5f3; color: #0f6259; box-shadow: inset 3px 0 0 var(--pro-accent); }
/* Mobil menü */
.mnav-panel { border-radius: 0 0 18px 18px; }
.mgrup-baslik { padding: 13px 10px; }
#mobil-nav-list a.active { box-shadow: inset 3px 0 0 var(--pro-accent); }
/* --------------------------------------------------------------------------
İçerik
-------------------------------------------------------------------------- */
#content { padding-top: 24px; }
#content h1 { font-size: 22px; letter-spacing: -.015em; color: #10222a; }
/* Ana sayfa karşılama şeridi — sade beyaz başlık kartı, solda marka vurgusu */
.dash-baslik {
background: #fff; color: var(--text);
border: 1px solid var(--border); box-shadow: var(--shadow-xs);
border-radius: var(--radius-lg); padding: 20px 22px;
border-left: 4px solid var(--pro-accent);
}
.dash-baslik::after { display: none; }
.dash-baslik h1 { color: #10222a !important; font-size: 21px !important; }
.dash-baslik > div { color: var(--text-muted) !important; }
.dash-baslik > div > div { color: var(--text-muted) !important; }
/* Ana sayfa bölüm kartları: beyaz kart + renkli ikon kutusu + üst renk çizgisi */
.sc-grid { gap: 16px; }
@media (min-width: 1280px) { .sc-grid { grid-template-columns: 1fr 1fr 1fr; } }
.sc-card {
--acc: #26a69a; --acc-bg: #e3f6f3;
background: #fff; border: 1px solid var(--border); border-radius: 14px;
box-shadow: var(--shadow-xs); position: relative;
transition: box-shadow .15s, border-color .15s;
}
.sc-card::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--acc); }
.sc-card:hover { box-shadow: var(--shadow-sm); border-color: #d6dee3; }
.sc-card .sc-header,
.sc-card[data-renk] .sc-header { background: #fff; padding: 15px 16px 13px; }
.sc-header .sc-ic {
width: 38px; height: 38px; border-radius: 10px; background: var(--acc-bg);
}
.sc-header .sc-ic .sc-emoji { font-size: 20px; filter: none; }
.sc-header .sc-titles b { font-size: 14.5px; color: #10222a; letter-spacing: -.005em; }
.sc-header .sc-chevron { color: var(--text-faint); }
.sc-rows { background: #fff; }
.sc-row { padding: 10px 16px; border-top: 1px solid #eef2f4; }
.sc-row:hover { background: #f6f9fa; }
.sc-row:hover .sc-row-lbl { color: var(--acc); }
.sc-row .sc-row-ic { width: 26px; height: 26px; border-radius: 7px; background: #f3f6f8; }
.sc-row .sc-row-ic .sc-emoji { font-size: 15px; filter: none; }
.sc-row .sc-row-lbl { font-size: 13.2px; color: #22343c; transition: color .12s; }
.sc-row .sc-row-cnt, .sc-ozet .sc-row-cnt { height: 21px; min-width: 26px; border-radius: 7px; font-size: 11.5px; font-variant-numeric: tabular-nums; }
.sc-card[data-renk="sohbet"] { --acc: #26a69a; --acc-bg: #e0f4f1; }
.sc-card[data-renk="cariler"] { --acc: #1e88e5; --acc-bg: #e3f0fc; }
.sc-card[data-renk="bakim"] { --acc: #43a047; --acc-bg: #e6f4e7; }
.sc-card[data-renk="ariza"] { --acc: #fb8c00; --acc-bg: #fff1df; }
.sc-card[data-renk="revizyon"] { --acc: #8e24aa; --acc-bg: #f4e5f7; }
.sc-card[data-renk="muayene"] { --acc: #f9a825; --acc-bg: #fff7d9; }
.sc-card[data-renk="islemler"] { --acc: #546e7a; --acc-bg: #eceff1; }
.sc-card[data-renk="yonetici"] { --acc: #d81b60; --acc-bg: #fce4ee; }
.sc-card[data-renk="ayarlar"] { --acc: #455a64; --acc-bg: #e7ebed; }
.sc-card[data-renk="fatura"] { --acc: #6d4c41; --acc-bg: #f1e9e6; }
.sc-card[data-renk="teknik"] { --acc: #3949ab; --acc-bg: #e8eaf7; }
.sc-card[data-renk="analiz"] { --acc: #00897b; --acc-bg: #e0f2f0; }
/* KPI kartları */
.kpi-card {
border-left-width: 1px; border-radius: 12px; position: relative; overflow: hidden;
padding: 16px 18px 16px 20px;
}
.kpi-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--turquoise); }
.kpi-card.warn::before { background: var(--warning); }
.kpi-card.danger::before { background: var(--danger); }
.kpi-card .label { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; font-weight: 700; }
.kpi-card .value { font-size: 26px; font-variant-numeric: tabular-nums; }
/* Paneller ve tablolar */
.panel { border-radius: 12px; box-shadow: var(--shadow-xs); }
.panel-header { padding: 14px 18px; background: #fbfcfd; }
.panel-header h2 { font-size: 15.5px; letter-spacing: -.005em; }
th, td { padding: 10px 16px; }
th {
background: #f7f9fa; color: #5a6c75; font-size: 11px; letter-spacing: .05em;
border-bottom: 1px solid var(--border-strong);
}
.panel:has(table) th { position: sticky; top: 0; z-index: 1; }
tbody tr:nth-child(even) td { background: #fcfdfd; }
tr:hover td, tbody tr:nth-child(even):hover td { background: #f1f8f7; }
td { color: #22343c; }
/* Butonlar */
.btn {
min-height: 36px; padding: 7px 16px; border-radius: 9px; font-size: 13px; font-weight: 600;
background: var(--pro-primary); box-shadow: 0 1px 2px rgba(16,33,40,.12);
display: inline-flex; align-items: center; justify-content: center; gap: 6px;
}
.btn:hover { background: var(--pro-primary-hover); }
.btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(43,179,165,.35); }
.btn.secondary { background: #fff; color: #22343c; border: 1px solid var(--border-strong); box-shadow: none; }
.btn.secondary:hover { background: #f3f6f8; }
.btn.danger { background: #d93a36; box-shadow: 0 1px 2px rgba(16,33,40,.12); }
.btn.danger:hover { background: #bf2f2b; }
.btn-icon { border-radius: 8px; background: #f3f6f8; }
.btn-icon:hover { background: #e6f5f3; border-color: #bfe6e1; color: #0f6259; }
/* Rozetler / sekmeler */
.badge { border-radius: 6px; padding: 3px 8px; font-weight: 700; }
.tabs {
display: inline-flex; gap: 2px; padding: 4px; background: #e9eef1;
border-radius: 11px; margin-bottom: 18px; max-width: 100%;
}
.tabs button {
border: none; background: transparent; border-radius: 8px; padding: 7px 14px;
font-weight: 600; color: #4b5d66;
}
.tabs button:hover { color: #10222a; }
.tabs button.active {
background: #fff; color: #0f6259; box-shadow: 0 1px 3px rgba(16,33,40,.12);
}
/* Formlar (modal) */
.modal { border-radius: 16px; }
.modal h2 { padding-bottom: 12px; margin-bottom: 4px; border-bottom: 1px solid var(--border); letter-spacing: -.005em; }
.modal label { color: #43555e; }
.modal input, .modal select, .modal textarea {
background: #fff; border: 1px solid var(--border-strong); border-radius: 9px; padding: 9px 11px;
}
.modal input:focus, .modal select:focus, .modal textarea:focus {
border-color: var(--pro-accent); box-shadow: 0 0 0 3.5px rgba(43,179,165,.18);
}
.modal .actions { padding-top: 16px; border-top: 1px solid var(--border); }
.modal-backdrop { background: rgba(8,22,24,.5); backdrop-filter: blur(3px); }
.aksiyon-menu { border-radius: 12px; }
.islem-list-btn { border-bottom-color: #eef2f4; }
.wizard-step { border-radius: 11px; }
.wizard-step-header { background: #f7f9fa; }
.wizard-step-num { background: var(--pro-primary); }
.toast { border-radius: 10px; background: #13262c; }
/* Kaydırma çubuğu */
::-webkit-scrollbar-thumb { background: #c9d3d9; border: 2px solid var(--bg); }
@media (max-width: 560px) {
.brand-txt::after { display: none; }
.tabs { display: flex; overflow-x: auto; flex-wrap: nowrap; }
.tabs button { white-space: nowrap; }
}
@media (max-width: 480px) {
.dash-baslik { padding: 16px; }
.dash-baslik h1 { font-size: 18px !important; }
}
/* ==========================================================================
2026-10-14 (2. tur) — kullanıcı: "arka planda koyu turkuaz, tablolar az renkli"
Sayfa zemini koyu turkuaz; kartlar/paneller beyaz kalır. Zemin üstünde
doğrudan duran başlık/metinler açık renge çekilir.
========================================================================== */
body {
background:
radial-gradient(1100px 520px at 85% -10%, rgba(43,179,165,.22), transparent 60%),
radial-gradient(900px 480px at -10% 110%, rgba(43,179,165,.14), transparent 60%),
linear-gradient(180deg, #0f3d38 0%, #0c3330 100%);
}
#topnav { background: #0e3632; }
::-webkit-scrollbar-thumb { background: #4f7f79; border-color: #0c3330; }
/* Zemin üzerinde doğrudan duran sayfa başlığı ve yardımcı metinler */
/* Koyu zemindeki düz yazı açık; açık kutuların içinde koyu (aşağıdaki "açık kutular" kuralı). */
#content { color: #eafffb; }
#content > h1, #content > h2, #content > h3,
#content > div:not([class]):not([style*="background:#"]):not([style*="background: #"]):not([style*="background:var"]):not([style*="background:rgb"]) > h1,
#content > div:not([class]):not([style*="background:#"]):not([style*="background: #"]):not([style*="background:var"]):not([style*="background:rgb"]) > h2 { color: #f1fffd !important; }
#content > p, #content > small,
#content > div:not([class]):not([style*="background:#"]):not([style*="background: #"]):not([style*="background:var"]):not([style*="background:rgb"]) > p { color: rgba(234,255,251,.75) !important; }
#content > .loading::after { background-color: rgba(255,255,255,.14); }
#content > .empty, #content > .bos { color: rgba(234,255,251,.8); }
/* Kartlar zeminden net ayrılsın */
.panel, .sc-card, .kpi-card, .dash-baslik, .analiz-panel { border-color: rgba(255,255,255,.08); box-shadow: 0 6px 20px -10px rgba(0,0,0,.45); }
.dash-baslik { border-left-color: #4fd6c8; }
/* Tablolar — hafif turkuaz tonlar */
th {
background: #e3f4f1; color: #0f5a52; border-bottom: 1px solid #bfe3dd;
}
tbody tr:nth-child(even) td { background: #f3faf9; }
tbody tr:nth-child(odd) td { background: #ffffff; }
tr:hover td, tbody tr:nth-child(even):hover td, tbody tr:nth-child(odd):hover td { background: #e6f5f2; }
td { border-bottom-color: #e4efed; }
.panel-header { background: linear-gradient(180deg, #f3faf9, #eaf6f4); border-bottom-color: #d4ebe7; }
.panel-header h2 { color: #0f4f48; }
.tabs { background: rgba(255,255,255,.12); }
.tabs button { color: rgba(234,255,251,.82); }
.tabs button:hover { color: #fff; }
.tabs button.active { background: #fff; color: #0f6259; }
.panel .tabs, .modal .tabs { background: #e9eef1; }
.panel .tabs button, .modal .tabs button { color: #4b5d66; }
.panel .tabs button.active, .modal .tabs button.active { color: #0f6259; }
/* Koyu zemin üzerindeki gri/soluk yazılar (Sırala:, Tümünü Seç, sayaçlar) açık renge;
beyaz kutuların içinde eski koyu tonlar geri gelir. */
#content { --text-muted: rgba(234,255,251,.74); --text-faint: rgba(234,255,251,.55); }
#content .panel, #content .sc-card, #content .kpi-card, #content .dash-baslik, #content .analiz-panel,
#content .btn.secondary, #content input, #content select, #content textarea,
#content [style*="background:#fff"], #content [style*="background: #fff"], #content [style*="background:white"],
#content [style*="background:var(--card-bg)"], #content [style*="background: var(--card-bg)"],
.modal, .aksiyon-menu, .topnav-menu, #search-results, #user-menu, .mnav-panel {
--text-muted: #5e707a; --text-faint: #97a6ae;
}
/* Tablolara çerçeve rengi — dış çerçeve + hücre çizgileri turkuaz tonlu */
table { border: 1px solid #b9ddd7; border-radius: 10px; border-collapse: separate; border-spacing: 0; overflow: hidden; }
.panel > table, .panel table:only-child { border-radius: 0; }
th { border-bottom: 2px solid #9fd2ca; border-right: 1px solid #cfe9e4; }
td { border-bottom: 1px solid #dcefeb; border-right: 1px solid #e8f4f2; }
th:last-child, td:last-child { border-right: none; }
tbody tr:last-child td { border-bottom: none; }
.panel:has(table) { border: 1px solid #b9ddd7; }
/* 2026-10-14 (3. tur) — kullanıcı: "tablo renkleri ve çerçeveler nerde".
Listelerin çoğu (Binalar, Cariler, Arızalar, Muayene, Revizyon...) değil,
sol renk çizgili .panel kartları — onlara da turkuaz çerçeve + sıralı (zebra) renk. */
#content .panel[style*="border-left"] {
border-top: 2px solid #4fbfb1; border-right: 2px solid #4fbfb1; border-bottom: 2px solid #4fbfb1;
background: linear-gradient(180deg, #e8f7f4 0%, #d9f1ec 100%);
transition: border-color .15s, box-shadow .15s, transform .12s;
}
#content .panel[style*="border-left"]:nth-child(even) { background: linear-gradient(180deg, #cdece6 0%, #bfe6df 100%); }
#content .panel[style*="border-left"]:hover {
border-top-color: #2bb3a5; border-right-color: #2bb3a5; border-bottom-color: #2bb3a5;
box-shadow: 0 8px 22px -10px rgba(0,0,0,.55); transform: translateY(-1px);
}
/* Kart içindeki küçük bilgi etiketlerinin ("Kapı Şifresi:", "Telefon:"...) ayrışması */
#content .panel[style*="border-left"] b, #content .panel[style*="border-left"] strong { color: #0f4f48; }
/* Tablo içeren paneller ve gerçek tablolar: daha belirgin çerçeve */
.panel:has(table) { border: 2px solid #4fbfb1; }
table { border-color: #4fbfb1; }
th { background: #26a69a; color: #ffffff; border-bottom: 2px solid #178077; border-right-color: #4fbfb1; }
tbody tr:nth-child(odd) td { background: #e8f7f4; }
tbody tr:nth-child(even) td { background: #cdece6; }
td { border-bottom-color: #a9dcd4; border-right-color: #bfe5df; }
tr:hover td, tbody tr:nth-child(even):hover td, tbody tr:nth-child(odd):hover td { background: #b2e2da; }
/* 2026-10-14 (4. tur) — kullanıcı: "telefonla yukarı-aşağı kaydırmada titreme".
(1) Zemin artık "fixed" değil (mobilde her kaydırmada yeniden çiziliyordu);
html'e düz koyu renk verildi ki taşma/sekme anında beyaz görünmesin.
(2) Dokunmatik cihazlarda kart/buton "üstüne gelince kalkma" (transform) efektleri
ve geçiş animasyonları kapalı — parmak değince karta hover tetiklenip sayfayı oynatıyordu.
(3) Bulanıklaştırma (backdrop-filter) dokunmatikte kapalı. */
html { background: #0c3330; }
@media (hover: none), (pointer: coarse) {
#content .panel, #content .panel[style*="border-left"], .sc-card, .kpi-card, .btn, .btn-icon,
.sc-row, .topnav-grup, .login-card button {
transition: none !important;
}
#content .panel[style*="border-left"]:hover, .kpi-card:hover, .btn-icon:hover, .btn:active {
transform: none !important; box-shadow: 0 6px 20px -10px rgba(0,0,0,.45);
}
.modal-backdrop, #mobil-nav-overlay { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
#topbar { will-change: transform; transform: translateZ(0); }
}
/* "Kasma" — dokunmatikte boyama maliyetini düşür: kart zeminleri düz renk,
gölgeler hafif, sayfa zemini tek düz renk (radyal geçişler yok). */
@media (hover: none), (pointer: coarse) {
body { background: #0e3834; }
#content .panel[style*="border-left"] { background: #e3f5f1; box-shadow: none; }
#content .panel[style*="border-left"]:nth-child(even) { background: #cbebe5; }
#content .panel[style*="border-left"]:hover { box-shadow: none; }
.panel, .sc-card, .kpi-card, .dash-baslik, .analiz-panel { box-shadow: none; }
#topbar { box-shadow: none; }
.lv-blob { animation: none; }
.bekleyen-gorev-band { animation-duration: 2.4s; }
}
/* 2026-10-14 (5. tur) — işlev koruması (kullanıcı: "bir şey yaptık diye 10 özelliği bozma").
(1) Programın "hidden" ile gizlediği HER öğe gizli kalsın: .btn'ye verilen display:inline-flex
gizli butonları (ör. Firma Bilgileri > "Logoyu Kaldır") görünür yapıyordu.
(2) Program bir satıra kendi rengini verdiyse (Teknik Döküman "yeni" satırı, toplam satırı)
turkuaz zebra o rengi örtmesin.
(3) Satır içi zemin rengi verilmiş her kutuda soluk yazı rengi koyu kalsın. */
[hidden] { display: none !important; }
tr[style*="background"] > td,
tr[style*="background"]:hover > td { background: transparent !important; }
#content [style*="background"], #content [class*="kart"], #content .card, #content .wizard-step,
#content .td-oge, #content .rapor-madde-satir {
--text-muted: #5e707a; --text-faint: #97a6ae;
}
/* 2026-10-14 (6. tur) — tüm sayfalar otomatik denetlendi:
Sayfa başlık şeridi = #content'in doğrudan çocuğu olan şeffaf .panel-header
(style="background:none;border:none;..."). İçindeki başlık + etiketler koyu zeminde açık renk. */
#content > .panel-header[style*="background:none"],
#content > div > .panel-header[style*="background:none"] {
--text-muted: rgba(234,255,251,.78); --text-faint: rgba(234,255,251,.6); --text: #f1fffd;
background: none !important; color: #f1fffd;
}
#content > .panel-header[style*="background:none"] > h1,
#content > .panel-header[style*="background:none"] > h2,
#content > div > .panel-header[style*="background:none"] > h1,
#content > div > .panel-header[style*="background:none"] > h2 { color: #f1fffd !important; }
/* Şerit içindeki giriş kutuları/butonlar kendi koyu yazılarını korusun */
#content .panel-header[style*="background:none"] input,
#content .panel-header[style*="background:none"] select,
#content .panel-header[style*="background:none"] .btn.secondary,
#content .panel-header[style*="background:none"] [style*="background:#fff"],
#content .panel-header[style*="background:none"] [style*="background:white"],
#content .panel-header[style*="background:none"] [style*="background:#fff"] label,
#content .panel-header[style*="background:none"] [style*="background:white"] label {
--text: #15232a; --text-muted: #5e707a; --text-faint: #97a6ae; color: #15232a;
}
/* "background:none / transparent" yazan kutular zemin sayılmasın; gerçek açık zeminli
CSS sınıfları (Sohbet, Analiz, Portal ayarları, sihirbaz adımları) soluk yazıyı koyu tutsun. */
#content [style*="background:none"]:not(.panel):not(.panel-header),
#content [style*="background: none"]:not(.panel):not(.panel-header),
#content [style*="background:transparent"]:not(.panel) { --text-muted: inherit; --text-faint: inherit; }
#content .sohbet-wrap, #content .sohbet-liste-panel, #content .sohbet-mesajlar, #content .sohbet-form,
#content .sohbet-balon, #content .analiz-tile, #content .ai-cell, #content .msw-link-card,
#content .msw-master-card, #content .msw-module-card, #content .harita-toolbar, #content .bekleyen-gorev-band,
#content .wizard-step-body, #content .wizard-step-header, #content .imza-canvas-wrap {
--text-muted: #5e707a; --text-faint: #97a6ae;
}
/* Açık kutular: yazı rengi koyu (+ soluk yazı değişkenleri koyu). #content'in açık renk
mirası buralara geçmesin. Yeni bir açık zeminli kutu sınıfı eklenirse buraya eklenmeli. */
#content .panel, #content .sc-card, #content .kpi-card, #content .dash-baslik, #content .analiz-panel,
#content .analiz-tile, #content .ai-cell, #content .msw-link-card, #content .msw-master-card,
#content .msw-module-card, #content .sohbet-wrap, #content .bekleyen-gorev-band, #content .wizard-step,
#content .td-oge, #content .rapor-madde-satir, #content .imza-canvas-wrap, #content .harita-toolbar,
#content .leaflet-container, #content input, #content select, #content textarea, #content .btn.secondary,
#content table,
#content [style*="background:#"], #content [style*="background: #"], #content [style*="background:var"],
#content [style*="background: var"], #content [style*="background:rgb"], #content [style*="background:white"] {
color: #15232a; --text: #15232a; --text-muted: #5e707a; --text-faint: #97a6ae;
}
/* Şeffaf sayfa başlık şeridi yine açık yazılı kalsın (yukarıdaki kural .panel-header'ı etkilemez,
ama içindeki inline beyaz kutular koyu kalır). */
#content > .panel-header[style*="background:none"], #content > div > .panel-header[style*="background:none"] { color: #f1fffd; }
/* İlk turdaki "#content h1 { color:#10222a }" kendi koyu zemini olan başlık kutularının
(Bina Yöneticisi Portalı .msw-hero gibi) beyaz başlığını eziyordu. */
#content .msw-hero h1 { color: #fff !important; }
#content .msw-hero p { color: rgba(255,255,255,.82) !important; }
/* ==========================================================================
2026-10-14 (7. tur) — kullanıcı: "tablo içleri hafif tozlu mat tonlarda, ana başlıklar
çerçeve ile aynı renk, tek tablo iç rengi". Zebra kaldırıldı; tek iç renk.
========================================================================== */
:root {
--mat-cerceve: #5f8982; /* çerçeve = başlık zemini */
--mat-baslik-yazi: #ffffff;
--mat-ic: #e9efed; /* tablo/kart iç rengi (tozlu mint-gri) */
--mat-ic-hover: #dde7e4;
}
/* Gerçek tablolar */
.panel:has(table), table { border-color: var(--mat-cerceve) !important; }
th { background: var(--mat-cerceve) !important; color: var(--mat-baslik-yazi) !important; border-bottom: 1px solid var(--mat-cerceve) !important; border-right-color: rgba(255,255,255,.22) !important; }
tbody tr:nth-child(odd) > td, tbody tr:nth-child(even) > td, tbody tr > td { background: var(--mat-ic); }
tbody tr:hover > td, tbody tr:nth-child(odd):hover > td, tbody tr:nth-child(even):hover > td { background: var(--mat-ic-hover); }
td { border-bottom-color: #d3dfdc; border-right-color: #dce6e3; }
/* Kart listeleri (sol renk çizgili .panel) — tek iç renk + mat çerçeve */
#content .panel[style*="border-left"],
#content .panel[style*="border-left"]:nth-child(even) {
background: var(--mat-ic);
border-top-color: var(--mat-cerceve); border-right-color: var(--mat-cerceve); border-bottom-color: var(--mat-cerceve);
}
#content .panel[style*="border-left"]:hover {
background: var(--mat-ic-hover);
border-top-color: #4a706a; border-right-color: #4a706a; border-bottom-color: #4a706a;
}
/* Panel başlıkları (beyaz panellerin üst şeridi) = çerçeve rengi */
.panel { border-color: var(--mat-cerceve); }
.panel-header:not([style*="background:none"]) {
background: var(--mat-cerceve); border-bottom-color: var(--mat-cerceve);
color: var(--mat-baslik-yazi);
}
.panel-header:not([style*="background:none"]) h2,
.panel-header:not([style*="background:none"]) h3 { color: var(--mat-baslik-yazi); }
/* Ana sayfa bölüm kartları: başlık şeridi çerçeve rengi, iç tek mat renk */
.sc-card { border: 1.5px solid var(--mat-cerceve); }
.sc-card::before { display: none; }
.sc-card .sc-header, .sc-card[data-renk] .sc-header { background: var(--mat-cerceve); border-bottom: 3px solid var(--acc); }
.sc-header .sc-titles b { color: #fff; }
.sc-header .sc-ozet .sc-row-cnt { color: #fff; }
.sc-header .sc-chevron { color: rgba(255,255,255,.85); }
.sc-header .sc-ic { background: rgba(255,255,255,.88); }
.sc-rows { background: var(--mat-ic); }
.sc-row { border-top-color: #d3dfdc; }
.sc-row:hover { background: var(--mat-ic-hover); }
.sc-row .sc-row-ic { background: rgba(255,255,255,.7); }
/* Dokunmatikte de aynı (önceki dokunmatik kuralını geçersiz kıl) */
@media (hover: none), (pointer: coarse) {
#content .panel[style*="border-left"], #content .panel[style*="border-left"]:nth-child(even),
#content .panel[style*="border-left"]:hover { background: var(--mat-ic); }
}