/* WIN95 v4 — FINAL
   • Tüm radius = 0
   • 2.5D bevel: üst-sol açık, alt-sağ koyu
   • Tahoma / MS Sans Serif
   • Sticky footer (her zaman altta)
*/

/* ========== Palet ========== */
:root{
  --face:#c0c0c0; --text:#000;
  --hilite:#fff;  --light:#dfdfdf;
  --shadow:#808080; --dark:#404040; --black:#000;
  --title:#000080; --titleText:#fff;
}

/* ========== Reset & temel ========== */
*{ box-sizing:border-box; border-radius:0 !important; }  /* köşeler kesin sıfır */
html,body{ height:100%; }
body{
  margin:0;
  font-family: Tahoma, "MS Sans Serif", Arial, sans-serif;
  color:var(--text);
  background:var(--face);
  line-height:1.25;
}

/* Sticky footer (flex; her hostta sağlam) */
body.ui-desktop{ min-height:100vh; display:flex; flex-direction:column; }
main.content.wrap{ flex:1 0 auto; }
.footer{ margin-top:auto; }

/* ========== Container ========== */
.wrap{ max-width:1280px; margin:0 auto; padding:0 14px; }

/* ========== Title bar ========== */
.topbar-95{
  background:var(--title); color:var(--titleText);
  border-bottom:2px solid var(--dark);
  box-shadow: inset 0 -1px 0 var(--black);
}
.topbar-95 .caption{
  display:flex; gap:8px; align-items:center; justify-content:space-between;
  padding:6px 0;
}
.topbar-95 .title{ font-weight:700; text-shadow:1px 1px 0 var(--black); }

/* ========== Menubar ========== */
.menubar-95{ display:flex; gap:6px; flex-wrap:wrap; }
.menu-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:28px; padding:0 10px; min-width:88px; text-decoration:none;
  color:#000; background:var(--face);
  border:2px solid var(--shadow);
  border-top-color:var(--hilite); border-left-color:var(--hilite);
  border-right-color:var(--dark);  border-bottom-color:var(--dark);
  font-weight:600;
}
.menu-btn:is(:hover,:focus){ outline:1px dotted var(--black); outline-offset:-4px; }
.menu-btn:is(:active,.is-active){
  border-top-color:var(--dark); border-left-color:var(--dark);
  border-right-color:var(--hilite); border-bottom-color:var(--hilite);
  background:#e5e5e5;
}

/* ========== Win95 butonları ========== */
.actions-95{ display:flex; gap:6px; flex-wrap:wrap; }
.btn-95{
  display:inline-flex; align-items:center; justify-content:center; cursor:pointer;
  height:28px; padding:0 12px; min-width:110px; text-decoration:none; color:#000;
  background:var(--face);
  border:2px solid var(--shadow);
  border-top-color:var(--hilite); border-left-color:var(--hilite);
  border-right-color:var(--dark);  border-bottom-color:var(--dark);
  font-weight:700;
}
.btn-95:is(:hover,:focus){ outline:1px dotted var(--black); outline-offset:-4px; }
.btn-95:active{
  border-top-color:var(--dark); border-left-color:var(--dark);
  border-right-color:var(--hilite); border-bottom-color:var(--hilite);
  background:#e5e5e5;
}

/* Varyantlar & düzen yardımcıları */
.btn-95-group{ display:flex; gap:8px; align-items:stretch; flex-wrap:wrap; }
.btn-95.primary{ background:#000080; color:#fff; }
.btn-95.primary:active{
  border-top-color:var(--dark); border-left-color:var(--dark);
  border-right-color:var(--hilite); border-bottom-color:var(--hilite);
  background:#e5e5e5; color:#000;
}
.btn-95-xl{ height:36px; min-width:180px; font-size:14px; font-weight:800; }
.btn-95-block{ display:block; width:100%; }
.stack-95{ display:flex; flex-direction:column; gap:8px; }
.row-95{ display:flex; gap:8px; align-items:center; }
.row-95.right{ justify-content:flex-end; }
/* küçük boşluk helper (geçersiz .5px-bottom yerine) */
.h-5{ clear:both; height:5px; }

/* ========== Kart / Panel (kabartma çerçeve) ========== */
.card{
  background:var(--face);
  padding:16px;
  border:2px solid var(--shadow);
  border-top-color:var(--hilite); border-left-color:var(--hilite);
  border-right-color:var(--dark);  border-bottom-color:var(--dark);
  box-shadow:none !important;
}
.panel{ display:flex; flex-direction:column; gap:10px; }

/* ========== Formlar ========== */
/* Label'larda üst-alt 5px (yalnızca form satırında) */
.win95 .form .row > label{
  padding: 5px 0 !important;   /* üst-alt 5px, sağ-sol 0 */
  margin: 0 !important;
  height: auto !important;
  line-height: 1.2;
  display: flex;
  align-items: center;
}

/* Çökük (sunken) girişler */
input[type=text],input[type=number],input[type=date],
input[type=email],input[type=password],select,textarea{
  width:100%; padding:6px; font-size:14px; background:#fff; color:#000;
  border:2px solid var(--shadow);
  border-top-color:var(--dark); border-left-color:var(--dark);
  border-right-color:var(--hilite); border-bottom-color:var(--hilite);
  border-radius:0 !important; box-shadow:none !important;
}
input:focus,select:focus,textarea:focus{ outline:1px dotted #000; outline-offset:-3px; }
textarea{ min-height:110px; resize:vertical; }

/* ========== Tablolar ========== */
table{
  width:100%; border-collapse:separate; border-spacing:0; margin:8px 0; background:#fff;
  border:2px solid var(--shadow);
  border-top-color:var(--dark); border-left-color:var(--dark);
  border-right-color:var(--hilite);  border-bottom-color:var(--hilite);
}
th,td{ padding:8px 10px; font-size:14px; border-bottom:1px solid #ddd; }
th{
  background:var(--face);
  border-bottom:2px solid var(--light);
  text-align:left; font-weight:800;
}

/* ========== Kiosk grid ========== */
.kiosk-buttons{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:12px 0; }
.kiosk-btn{
  display:flex; align-items:center; justify-content:center; text-decoration:none; color:#000; height:96px; font-weight:800;
  background:var(--face);
  border:2px solid var(--shadow);
  border-top-color:var(--hilite); border-left-color:var(--hilite);
  border-right-color:var(--dark);  border-bottom-color:var(--dark);
  border-radius:0 !important; box-shadow:none !important;
}
.kiosk-btn:active{
  border-top-color:var(--dark); border-left-color:var(--dark);
  border-right-color:var(--hilite); border-bottom-color:var(--hilite);
  background:#e5e5e5;
}
@media (max-width:1100px){ .kiosk-buttons{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:720px){ .kiosk-buttons{ grid-template-columns:1fr; } }

/* ========== Footer (status bar) ========== */
.footer{
  background:var(--face);
  border-top:2px solid var(--hilite);
  box-shadow: inset 0 1px 0 var(--shadow);
}
/* Giriş butonunu mevcut haliyle (btn-95 row-95) KOYU yap */
.btn-95.row-95[type="submit"]{
  background:#000080;  /* Win95 Active Caption */
  color:#fff;
}
.btn-95.row-95[type="submit"]:active{
  border-top-color:var(--dark); border-left-color:var(--dark);
  border-right-color:var(--hilite); border-bottom-color:var(--hilite);
  background:#e5e5e5; color:#000;
}

.foot-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 0;
}