/* #Reset & Basics
================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
*{padding:0;margin:0;box-sizing:border-box}

/* #Design Tokens
================================================== */
:root{
	--paper:#f3f5f9; --surface:#ffffff; --surface-2:#f7f9ff;
	--border:#e1e5ed; --border-strong:#c9cfdb;
	--text:#0d1220; --text-muted:#454c57; --text-faint:#4a4f58;
	--accent:#222; --accent-ink:#333; --accent-soft:#e8f0fe;
	--success:#0f9d63; --success-soft:#e5f7ee;
	--warning:#d97706; --warning-soft:#fdf1e0;
	--danger:#dc2626; --danger-soft:#fdeaea;
	--radius:8px; --radius-sm:5px; --radius-lg:12px;
	--shadow-sm:0 1px 2px rgba(20,25,40,.06);
	--shadow-md:0 4px 16px -4px rgba(20,25,40,.12), 0 1px 3px rgba(20,25,40,.06);
	--font-ui: "Barlow Condensed", -apple-system, "Helvetica Neue", Arial, sans-serif;
	--font-body: "Poppins", -apple-system, "Helvetica Neue", Arial, sans-serif;
}

html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:15px; height: 100%;}

body {margin: 0; font-family: var(--font-body); font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--text); text-align: left;
	background-color: var(--paper); height: 100%;}

/* Typography
------------------------------------- */
h1, h2, h3, h4, h5, h6 {margin-top: 0; margin-bottom: 1rem; font-family: var(--font-ui); font-weight: 500; line-height: 1.25; color: var(--text); letter-spacing:.1px;}
h1 {font-size: 1.7rem;}
h2 {font-size: 1.5rem;}
h3 {font-size: 1.25rem;}
h4 {font-size: 1.1rem;}
h5 {font-size: 1rem;}
h6 {font-size: .95rem;}
p {margin-top: 0; margin-bottom: 1rem;}

b, strong {font-weight: 600;}

p.hata {background-color: var(--danger-soft); color:var(--danger); padding:.7rem 1rem; margin:1rem 0; border-radius:var(--radius-sm); border:1px solid color-mix(in srgb, var(--danger) 25%, transparent); font-size:.92rem;}
p.onay {background-color: var(--success-soft); color:var(--success); padding:.7rem 1rem; margin:1rem 0; border-radius:var(--radius-sm); border:1px solid color-mix(in srgb, var(--success) 25%, transparent); font-size:.92rem;}

/* List
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ol,ul, dl {margin-top: 0; margin-bottom: 1rem;}
ol ol, ul ul, ol ul, ul ol {margin-bottom: 0;}

/* HR
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {box-sizing: content-box; height: 0; overflow: visible; margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid var(--border); }
img {border:none; padding:0; margin:0; display:block;}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {color: var(--text); text-decoration: none;}
a:hover { color: var(--accent); text-decoration: none;}

/* Form
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input, button, select, optgroup, textarea {margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; background-color:var(--surface); border:1px solid var(--border-strong); color:var(--text);}
label {display: block; font-weight:500; color:var(--text);}
button {border-radius: var(--radius-sm);}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, html [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none;}
input[type="radio"], input[type="checkbox"] {box-sizing: border-box; padding: 0;}

input:not([type="checkbox"]):not([type="radio"]), select, textarea {border-radius: var(--radius-sm); padding:.45rem .6rem; transition: border-color .15s ease, box-shadow .15s ease; outline:none;}
input:not([type="checkbox"]):not([type="radio"]):focus, select:focus, textarea:focus {border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft);}

/* Table
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table a {color:var(--accent);}

/* Form Custom
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.formOgeXS {width:50px; max-width:90%;}
.formOgeL {width:340px; max-width:90%;}

/* button Custom
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button .btn, .btn {display: inline-flex; align-items:center; justify-content:center; gap:.4rem; font-weight: 500; text-align: center; white-space: nowrap; vertical-align: middle; border:1px solid transparent; padding: .5rem 1rem;
	font-size: .88rem; line-height: 1.4; min-height: 2.3rem; border-radius: var(--radius-sm); background-clip: padding-box; transition: filter 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	cursor:pointer; margin: .3rem .3rem .3rem 0; background-color:var(--surface-2); color:var(--text); border-color:var(--border-strong);}
	button .btn:hover, .btn:hover {filter:brightness(0.97); text-decoration: none;}
	button .btn:focus, button .btn.focus, .btn:focus, .btn.focus {box-shadow: 0 0 0 3px var(--accent-soft); outline:none;}
	button .btn svg, .btn svg {width:1em; height:1em; margin-right: .3rem;}

/* Colors
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bg-orange {background-color: var(--warning);}
.color-white {color: #fff;}

/* ============================================================================
   PUBLIC AUTH SAYFALARI — page-404 / page-abakim / page-gndr / page-usrpnl
   (eskiden aassets/panel-uyum.css idi, css5.css ile birleştirildi)

   Bu sayfalardaki mevcut #loginkap/.logFKutu/.log404Kutu/#pagekap/
   .pageContainer/.pageContainerDar/.kform/.satir/.button/.checkboxKutu/
   .telAlani/.captchaAlani/.uyeMenu class'ları PHP tarafında değiştirilmeden,
   yukarıdaki tasarım jetonlarıyla (--paper, --surface, .btn vb.) stilleniyor.
============================================================================ */

/* Kart kapsayıcılar - dikeyde ortalar, admin-content'in (--paper) rengini kullanır */
#loginkap {width:100%; min-height:100vh; background-color:var(--paper); box-sizing:border-box;
	display:flex; align-items:center; justify-content:center; flex-wrap:wrap; padding:40px 16px;}

.logFKutu, .log404Kutu {width:100%; max-width:440px; background-color:var(--surface); border:1px solid var(--border);
	border-radius:var(--radius-lg); box-shadow:var(--shadow-md); padding:36px 32px; box-sizing:border-box; text-align:center;}
.log404Kutu {max-width:520px;}

.logFKutuLogo {width:100%; margin-bottom:18px; display:flex; align-items:center; justify-content:center;}
.logFKutuLogo img {max-height:46px; width:auto;}
.cFix:after {display:block; font-size:0; content:" "; clear:both; height:0;}

/* Durum ikonu - başlığın üstünde, bağlama göre renk değişir */
.pubIcon {width:58px; height:58px; margin:0 auto 14px auto; border-radius:50%; display:flex; align-items:center;
	justify-content:center; background-color:var(--surface-2); color:var(--text-muted); flex-shrink:0;}
.pubIcon svg {width:26px; height:26px;}
.pubIcon-warn {background-color:var(--warning-soft); color:var(--warning);}
.pubIcon-ok {background-color:var(--success-soft); color:var(--success);}
.pubIcon-danger {background-color:var(--danger-soft); color:var(--danger);}

/* Geniş kart (hesabım / hesap düzenle / üye ol) */
#pagekap {width:100%; min-height:100vh; background-color:var(--paper); box-sizing:border-box;
	display:flex; align-items:flex-start; justify-content:center; flex-wrap:wrap; padding:32px 16px;}
.pageContainer, .pageContainerDar {width:100%; max-width:900px; background-color:var(--surface); border:1px solid var(--border);
	border-radius:var(--radius); box-shadow:var(--shadow-sm); padding:32px; box-sizing:border-box; margin:0 auto;}
.pageContainerDar {max-width:480px;}

ul.uyeMenu {display:flex; justify-content:center; flex-wrap:wrap; gap:6px; margin:20px 0 26px 0; padding:0; list-style:none;}
ul.uyeMenu li {padding:0;}
ul.uyeMenu li a {display:block; padding:.55rem 1.1rem; font-size:.86rem; font-weight:500; color:var(--text-muted);
	border-radius:var(--radius-sm); background-color:var(--surface-2); border:1px solid var(--border);}
ul.uyeMenu li a:hover {color:var(--text); background-color:var(--surface); border-color:var(--border-strong);}

/* Form (kform) */
.kform .satir {display:flex; flex-direction:column; margin:0 0 1rem 0; width:100%; text-align:left;}
.kform label {font-weight:500; font-size:.9rem; margin-bottom:.35rem; color:var(--text);}
.kform input, .kform select {width:100%; box-sizing:border-box; padding:.55rem .65rem; font-family:var(--font-body);
	font-size:.95rem; line-height:1.4; border-radius:var(--radius-sm); border:1px solid var(--border-strong);
	background-color:var(--surface); color:var(--text); transition:border-color .15s ease, box-shadow .15s ease;}
.kform input:focus, .kform select:focus {outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft);}

.kform .captchaAlani {display:flex; align-items:center; gap:10px;}
.kform .captchaAlani img {height:38px; width:auto; border-radius:var(--radius-sm); border:1px solid var(--border);}

.kform .telAlani {display:flex; gap:8px; align-items:flex-start;}
.kform .telUlkeKod {width:170px; flex-shrink:0;}
.kform .telNumarasi {flex:1; min-width:0;}

.kform .checkboxKutu {display:flex; align-items:flex-start; gap:8px; margin:.3rem 0;}
.kform input.checkbox {width:16px; height:16px; flex-shrink:0; margin-top:3px; accent-color:var(--accent);}
.kform span.checkbox-label {font-size:.86rem; color:var(--text-muted); line-height:1.5;}
.kform span.checkbox-label a {color:var(--accent-ink); text-decoration:underline;}

.pubFoot {text-align:center; font-size:.72rem; color:var(--text-faint); margin:16px 0 0 0; padding:0;}

/* ============================================================================
   Sıcak (warm) giriş ekranı - sadece page-usrpnl.php?ac=uyegiris
============================================================================ */
.warm-login {display:flex; flex-direction:column; min-height:100vh; width:100%;}

.warm-login__visual {display:none; position:relative; flex:1 1 46%; min-height:280px; overflow:hidden;
	background-image: linear-gradient(150deg, rgba(0, 0, 0, 0.3) 0%, rgba(0,0,0,.5) 100%), url("login-bg.jpg");
	background-size:cover; background-position:center 35%;}
.warm-login__visual-inner {position:relative; z-index:2; height:100%; min-height:280px; display:flex; flex-direction:column;
	justify-content:flex-end; padding:48px; box-sizing:border-box; color:#fff;}
.warm-login__visual-inner h2 {color:#fff; font-size:2.1rem; margin-bottom:.6rem;}
.warm-login__visual-inner p {color:rgba(255,255,255,.88); font-size:1rem; max-width:360px; margin-bottom:0;}

.warm-login__form {flex:1 1 54%; display:flex; align-items:center; justify-content:center; padding:40px 16px; background-color:var(--paper);}

@media only screen and (min-width:860px) {
	.warm-login {flex-direction:row;}
	.warm-login__visual {display:flex;}
}

/* Sıcak kart: turuncu vurgu - form alanları ve linkler bu tonla öne çıkar (buton .btn.bg-orange.color-white ile PHP tarafında veriliyor) */
.warm-card {border-top:3px solid var(--warning);}
.warm-card a {color:var(--warning);}
.warm-card a:hover {color:#9a4f08;}
.warm-card input:focus, .warm-card select:focus {border-color:var(--warning); box-shadow:0 0 0 3px var(--warning-soft);}
.warm-card .checkbox {accent-color:var(--warning);}