/* =========================================================
   MERSEN WEB ERP · Kurumsal giriş ekranları
   (giriş, firma/dönem seçimi, zorunlu parola değişimi)
========================================================= */
:root{
    --k-brand:#34586e;
    --k-brand-600:#2a4a5d;
    --k-brand-700:#22394a;
    --k-brand-50:#edf3f7;
    --k-accent:#e4761a;
    --k-nav:#22394a;
    --k-ink:#14202b;
    --k-muted:#5f6f7e;
    --k-line:#d9dfe6;
    --k-page:#ffffff;
    --k-danger:#b42318;
    --k-danger-bg:#fef3f2;
    --k-danger-line:#fecdca;
}

*{box-sizing:border-box}
html,body{height:100%}
body.k-auth{
    margin:0;
    min-height:100vh;
    font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;
    color:var(--k-ink);
    background:var(--k-page);
    display:grid;
    grid-template-columns:minmax(380px,44.5%) 1fr;
    -webkit-font-smoothing:antialiased;
}

/* ---------- Sol marka paneli ---------- */
.k-auth-brand{
    position:relative;
    overflow:hidden;
    background:var(--k-nav);
    color:#fff;
    padding:48px 40px 30px;
    display:flex;
    flex-direction:column;
    min-height:100vh;
}
.k-auth-brand::before{
    /* Logo turuncusundan ince bir vurgu çizgisi */
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:4px;
    background:var(--k-accent);
}
.k-auth-logo{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:176px;
    height:58px;
    padding:8px 14px;
    background:#fff;
    border-radius:10px;
}
.k-auth-logo img{max-width:100%;max-height:100%;display:block}
.k-auth-logo span{display:none;color:var(--k-brand);font-weight:800;font-size:20px;letter-spacing:2px}
.k-auth-org{margin:14px 0 0;font-size:14px;color:rgba(255,255,255,.82)}

.k-auth-hero{margin:auto 0;padding:40px 0 80px;max-width:440px;position:relative;z-index:1}
.k-auth-hero h1{
    margin:0;
    font-size:40px;
    line-height:1.12;
    font-weight:600;
    letter-spacing:-.5px;
}
.k-auth-hero h1::after{
    content:"";
    display:block;
    width:56px;
    height:3px;
    margin-top:22px;
    border-radius:2px;
    background:var(--k-accent);
}
.k-auth-hero p{
    margin:18px 0 0;
    font-size:15px;
    line-height:1.6;
    color:rgba(255,255,255,.82);
    max-width:330px;
}
.k-auth-foot{
    position:relative;
    z-index:1;
    display:flex;
    justify-content:space-between;
    gap:12px;
    font-size:12px;
    font-weight:600;
    letter-spacing:.3px;
    color:rgba(255,255,255,.75);
}
.k-auth-waves{
    position:absolute;
    left:0;right:0;bottom:0;
    width:100%;
    height:150px;
    pointer-events:none;
}

/* ---------- Sağ form alanı ---------- */
.k-auth-main{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:48px 24px;
    min-height:100vh;
}
.k-auth-form{width:100%;max-width:380px}
.k-auth-form h2{margin:0;font-size:24px;font-weight:600;color:var(--k-ink)}
.k-auth-lead{margin:8px 0 28px;font-size:14px;line-height:1.5;color:var(--k-muted)}

.k-field{margin-bottom:18px}
.k-field label{
    display:block;
    margin-bottom:7px;
    font-size:13px;
    font-weight:600;
    color:#2a3744;
}
.k-field input,
.k-field select{
    width:100%;
    height:46px;
    padding:0 14px;
    font:inherit;
    font-size:15px;
    color:var(--k-ink);
    background:#fff;
    border:1px solid var(--k-line);
    border-radius:8px;
    outline:none;
    transition:border-color .15s ease,box-shadow .15s ease;
}
.k-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235f6f7e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.k-field input:hover,.k-field select:hover{border-color:#b9c3cd}
.k-field input:focus,.k-field select:focus{
    border-color:var(--k-brand);
    box-shadow:0 0 0 3px rgba(52,88,110,.16);
}
.k-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.k-field-hint{display:block;margin-top:6px;font-size:12px;color:var(--k-muted)}

.k-btn{
    width:100%;
    height:48px;
    margin-top:8px;
    border:0;
    border-radius:8px;
    background:var(--k-brand);
    color:#fff;
    font:inherit;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:background .15s ease;
}
.k-btn:hover{background:var(--k-brand-600)}
.k-btn:focus-visible{outline:3px solid rgba(228,118,26,.55);outline-offset:2px}

.k-alert{
    margin:0 0 20px;
    padding:12px 14px;
    border-radius:8px;
    font-size:14px;
    line-height:1.45;
}
.k-alert-error{background:var(--k-danger-bg);border:1px solid var(--k-danger-line);color:var(--k-danger);font-weight:600}
.k-alert-info{background:var(--k-brand-50);border:1px solid #d2e1ee;color:#18405f}
.k-rules{
    margin:0 0 22px;
    padding:13px 15px;
    border:1px solid #e6eaef;
    border-radius:8px;
    background:#f8fafb;
    font-size:13px;
    line-height:1.6;
    color:#3a4856;
}
.k-rules strong{display:block;margin-bottom:2px;color:var(--k-ink)}

.k-auth-links{margin-top:22px;text-align:center;font-size:13px}
.k-auth-links a{color:var(--k-muted);text-decoration:none}
.k-auth-links a:hover{color:var(--k-brand);text-decoration:underline}
.k-auth-copy{margin-top:36px;font-size:12px;color:#8a96a2;text-align:center}

/* ---------- Mobil ---------- */
@media (max-width:860px){
    body.k-auth{grid-template-columns:1fr;grid-template-rows:auto 1fr}
    .k-auth-brand{min-height:0;padding:28px 20px 26px}
    .k-auth-hero{margin:0;padding:22px 0 0}
    .k-auth-hero h1{font-size:26px}
    .k-auth-hero p{display:none}
    .k-auth-foot,.k-auth-waves{display:none}
    .k-auth-logo{width:140px;height:46px}
    .k-auth-main{min-height:0;padding:32px 16px 40px;align-items:flex-start}
}
@media (max-width:380px){.k-field-row{grid-template-columns:1fr}}