/* AdminLTE ile uyumlu font/arka plan */
body{font-family:"Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;margin:0;background:#f4f6f9;}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#111827;color:#fff;}
.brand{font-weight:700;}
.nav a{color:#fff;text-decoration:none;margin-left:12px;}
.container{padding:16px;}
.toolbar{display:flex;gap:8px;align-items:center;margin:8px 0 16px;flex-wrap:wrap;}
.input{padding:8px;border:1px solid #d1d5db;border-radius:6px;min-width:220px;}
.btn{padding:8px 12px;border:0;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer;text-decoration:none;display:inline-block;}
.btn.secondary{background:#6b7280;}
.btn.danger{background:#dc2626;}
.grid-wrap{overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:8px;}
.grid{border-collapse:collapse;width:100%;min-width:900px;}
.grid th,.grid td{border-bottom:1px solid #e5e7eb;padding:8px;font-size:13px;vertical-align:top;}
.grid th{position:sticky;top:0;background:#f9fafb;text-align:left;}
.login{max-width:420px;margin:90px auto;background:#fff;padding:20px;border-radius:10px;border:1px solid #e5e7eb;}
.err{color:#b91c1c;margin-top:10px;font-size:13px;white-space:pre-wrap;}
.hint{color:#6b7280;font-size:12px;margin-top:10px;}
.modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.35);align-items:center;justify-content:center;}
.modal-content{width:760px;max-width:92vw;max-height:calc(100vh - 80px);overflow-y:auto;background:#fff;border-radius:10px;padding:16px;}
.form-row{display:flex;gap:10px;align-items:center;margin:8px 0;}
.form-row label{width:220px;color:#111827;font-size:13px;}
.form-row textarea{min-width:420px;}
.modal-actions{display:flex;gap:8px;margin-top:12px;}
/* === Layout Fix === */
html, body {
    margin: 0;
    padding: 0;
}

.topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 14px 24px;
}

.brand {
    font-weight: 700;
    font-size: 20px;
    white-space: nowrap;
}

/* Menü linkleri */
.nav {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap; /* küçük ekranda taþmasýn */
}

    .nav a {
        text-decoration: none;
        color: #fff; /* topbar koyuysa */
        opacity: 0.92;
    }

        .nav a:hover {
            opacity: 1;
            text-decoration: underline;
        }

/* Ýçerik alaný: ortala ve soldan kaymayý engelle */
.container {
    max-width: 1200px;
    margin: 0 auto; /* ortala */
    padding: 18px 24px;
    width: 100%;
    box-sizing: border-box;
}

/* Eðer eski CSS sidebar gibi margin-left veriyorsa bunu ez */
.container {
    margin-left: auto !important;
}



/* Modal responsive */
@media (max-width: 768px){
  .modal-content{width:96vw;max-width:96vw;padding:12px;}
  .form-row{flex-direction:column;align-items:stretch;gap:6px;}
  .form-row label{width:auto;}
  .form-row textarea{min-width:0;width:100%;}
  .input{width:100%;}
  .modal-actions{flex-wrap:wrap;}
}