/**
 * OGRMN Yardım Sistemi
 * Oluşturulma: 2026-08-09
 * Son değişiklik: 2026-08-09
 * Yaratan: Özgür Elibol
 * Amaç: Tüm ortak ekranlarda bağlamsal yardım düğmesi ve yardım penceresi.
 */

.ogr-page-help-bar{
    display:flex;
    justify-content:flex-end;
    margin:0 0 12px;
}

.ogr-help-button{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:40px;
    padding:8px 14px;
    border:1px solid #dbe3f0;
    border-radius:11px;
    background:#fff;
    color:#334155;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 5px 16px rgba(15,23,42,.05);
    transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.ogr-help-button:hover{
    transform:translateY(-1px);
    border-color:#b7c4e7;
    box-shadow:0 8px 20px rgba(15,23,42,.08);
}

.ogr-help-modal[hidden]{
    display:none !important;
}

.ogr-help-modal{
    position:fixed;
    inset:0;
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}

.ogr-help-backdrop{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.58);
    backdrop-filter:blur(3px);
}

.ogr-help-dialog{
    position:relative;
    width:min(680px,100%);
    max-height:min(82vh,760px);
    overflow:auto;
    border-radius:18px;
    background:#fff;
    box-shadow:0 28px 80px rgba(15,23,42,.28);
}

.ogr-help-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    padding:22px 24px 16px;
    border-bottom:1px solid #e8edf5;
}

.ogr-help-head h2{
    margin:5px 0 0;
    font-size:24px;
}

.ogr-help-kicker{
    display:inline-block;
    color:#5268c9;
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
}

.ogr-help-close{
    flex:0 0 auto;
    width:38px;
    height:38px;
    border:0;
    border-radius:10px;
    background:#f1f5f9;
    color:#475569;
    font-size:25px;
    line-height:1;
    cursor:pointer;
}

.ogr-help-close:hover{
    background:#e2e8f0;
}

.ogr-help-body{
    padding:22px 24px 25px;
}

.ogr-help-description{
    margin:0 0 18px;
    color:#475569;
    font-size:15px;
    line-height:1.7;
}

.ogr-help-steps{
    padding:16px 18px;
    border:1px solid #e5eaf2;
    border-radius:14px;
    background:#f8fafc;
}

.ogr-help-steps h3{
    margin:0 0 10px;
    font-size:15px;
}

.ogr-help-steps ol{
    margin:0;
    padding-left:20px;
}

.ogr-help-steps li{
    margin:7px 0;
    color:#475569;
    line-height:1.55;
}

.ogr-help-tip{
    margin-top:16px;
    padding:13px 15px;
    border-radius:12px;
    background:#eef4ff;
    color:#3156d3;
    line-height:1.55;
}

body.ogr-help-open{
    overflow:hidden;
}

@media(max-width:650px){
    .ogr-page-help-bar{
        margin-bottom:10px;
    }

    .ogr-help-button{
        min-height:38px;
        padding:7px 12px;
        font-size:13px;
    }

    .ogr-help-modal{
        align-items:flex-end;
        padding:10px;
    }

    .ogr-help-dialog{
        width:100%;
        max-height:88vh;
        border-radius:18px 18px 10px 10px;
    }

    .ogr-help-head,
    .ogr-help-body{
        padding-left:18px;
        padding-right:18px;
    }
}

.ogr-help-section{
    margin-bottom:18px;
}

.ogr-help-section h3{
    margin:0 0 8px;
    font-size:15px;
    color:#1e293b;
}