:root {
color-scheme: light;
--surface-1: #fcfcfb;
--surface-2: #f9f9f7;
--text-primary: #0b0b0b;
--text-secondary: #52514e;
--text-muted: #898781;
--gridline: #e1e0d9;
--baseline: #c3c2b7;
--border: rgba(11,11,11,0.10);
--series-1: #2a78d6; /* blue - fiyat çizgisi */
--series-1-wash: rgba(42,120,214,0.10);
--good: #0ca30c;
--warning: #fab219;
--serious: #ec835a;
--critical: #d03b3b;
--success-text: #006300;
/* v18: tasarım yenilemesi - "sade/minimal" hissi için köşe ve gölge
ölçeği tek yerden yönetiliyor. Eskiden her kural kendi sayısını
(8px/10px/14px, çeşitli box-shadow'lar) tekrar tekrar yazıyordu;
artık tek bir ölçek var, bu da hem tutarlılığı hem de ileride tek
satırdan ayarlanabilmeyi sağlıyor. Değerler eskisinden biraz daha
büyük/yumuşak seçildi (10→12, 14→18) - daha "app" hissi veren,
daha az köşeli bir görünüm için. Gölgeler de eskisinden daha
hafif/yayvan - "düz/minimal" tasarımlarda gölge azlığı önemli. */
--radius-sm: 8px;
--radius-md: 12px;
--radius-lg: 18px;
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.035);
--shadow-md: 0 10px 28px rgba(0, 0, 0, 0.09);
--shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.13);
}
@media (prefers-color-scheme: dark) {
:root {
color-scheme: dark;
--surface-1: #1a1a19;
--surface-2: #0d0d0d;
--text-primary: #ffffff;
--text-secondary: #c3c2b7;
--text-muted: #898781;
--gridline: #2c2c2a;
--baseline: #383835;
--border: rgba(255,255,255,0.10);
--series-1: #3987e5;
--series-1-wash: rgba(57,135,229,0.14);
--good: #0ca30c;
--warning: #fab219;
--serious: #ec835a;
--critical: #e66767;
--success-text: #0ca30c;
}
}
* { box-sizing: border-box; }
/* Tarayıcının yerleşik [hidden] davranışını HER ZAMAN önceliklendir.
Aksi halde aynı öğeye class ile display:flex/grid verildiğinde,
eşit CSS özgüllüğünde yazar (author) kuralı tarayıcı varsayılanını
ezip öğeyi "hidden" olsa bile görünür bırakabiliyor. */
[hidden] { display: none !important; }
/* Form elemanları için tutarlı, "tasarımsız" görünmeyen taban stiller -
GENEL (sadece modallar değil, hisse kartı içindeki formlar dahil HER YERDE
geçerli) - aksi halde örn. bir kart içindeki tarih/seçim kutuları
tarayıcının çıplak varsayılan görünümüyle kalır ve göze çok kötü batar. */
input[type="text"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="time"],
input[type="search"],
select,
textarea {
font-family: inherit;
font-weight: 400;
color: var(--text-primary);
padding: 8px 10px;
border-radius: var(--radius-sm);
border: 1px solid var(--border);
background: var(--surface-2);
font-size: 14px;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
-webkit-appearance: none;
appearance: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: none;
}
select {
cursor: pointer;
appearance: none;
-webkit-appearance: none;
padding-right: 28px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 8px center;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
outline: none;
border-color: var(--series-1);
box-shadow: 0 0 0 3px var(--series-1-wash);
}
input[type="checkbox"] {
width: 16px;
height: 16px;
accent-color: var(--series-1);
cursor: pointer;
}
.fieldset-hint { margin: -4px 0 2px; }
body {
margin: 0;
font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
background: var(--surface-2);
color: var(--text-primary);
/* v18: tasarım yenilemesi - daha sade/modern bir metin görünümü için
hafif negatif harf aralığı ve daha yumuşak font çizimi. */
letter-spacing: -0.006em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.45;
}
h1, h2, h3 { letter-spacing: -0.012em; }
.muted { color: var(--text-muted); font-size: 13px; }
.error-text { color: var(--critical); font-size: 13px; }
.success-text { color: var(--success-text); font-size: 13px; }
.hint { color: var(--text-muted); font-weight: 400; font-size: 12px; }
/* ---------------- Login ---------------- */
.login-wrap {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.login-card {
background: var(--surface-1);
border: 1px solid var(--border);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-lg);
padding: 32px;
width: 100%;
max-width: 360px;
display: flex;
flex-direction: column;
gap: 12px;
}
.login-card h1 { font-size: 20px; margin: 0; }
/* v24 düzeltmesi: bazı sayfalarda (örn. reset_password.php) .login-card bir