/* ============================================================================
   Kılavuz metninin görünümü (.crm-help-md) — hem sağdaki yardım panelinde hem
   /yardim sayfasında aynı stil kullanılır, böylece iki yer birbirinden ayrışmaz.
   Renkler Bootstrap 5 değişkenlerinden okunur; DashLite bunları .dark-mode
   altında yeniden tanımladığı için karanlık mod kendiliğinden gelir.
   Markdown sözleşmesindeki kutular (> **Kural:** ...) burada kutuya dönüşür.
   ============================================================================ */

.crm-help-md {
    font-size: .94rem;
    line-height: 1.65;
    color: var(--bs-body-color, #364a63);
    overflow-wrap: break-word;
}

/* --- başlıklar --------------------------------------------------------- */
.crm-help-md h1,
.crm-help-md h2,
.crm-help-md h3,
.crm-help-md h4 {
    color: var(--bs-emphasis-color, #1f2b3a);
    font-weight: 600;
    line-height: 1.3;
    scroll-margin-top: 5rem; /* sabit header'ın altında kalmasın */
}

.crm-help-md h1 {
    font-size: 1.5rem;
    margin: 0 0 1rem;
    padding-bottom: .5rem;
    border-bottom: 2px solid var(--bs-primary, #733aea);
}

.crm-help-md h2 {
    font-size: 1.18rem;
    margin: 2rem 0 .6rem;
}

.crm-help-md h3 {
    font-size: 1.02rem;
    margin: 1.4rem 0 .4rem;
}

.crm-help-md > h1:first-child,
.crm-help-md > h2:first-child,
.crm-help-md > h3:first-child {
    margin-top: 0;
}

/* Sözleşme gereği her başlığın üstünde <a id="..."></a> durur; boş bağlantı
   satır yüksekliği açmasın. */
.crm-help-md a[id]:empty {
    display: block;
    height: 0;
}

/* --- metin ve listeler -------------------------------------------------- */
.crm-help-md p {
    margin: 0 0 .85rem;
}

.crm-help-md ul,
.crm-help-md ol {
    margin: 0 0 .95rem;
    padding-left: 1.35rem;
}

.crm-help-md li {
    margin-bottom: .3rem;
}

.crm-help-md ol > li::marker {
    color: var(--bs-primary, #733aea);
    font-weight: 600;
}

/* Ekranda birebir görünen adlar (**kalın**) metinden ayrışsın. */
.crm-help-md strong {
    color: var(--bs-emphasis-color, #1f2b3a);
    font-weight: 600;
}

/* İzin adları (*italik*) */
.crm-help-md em {
    font-style: normal;
    color: var(--bs-primary, #733aea);
    font-weight: 500;
}

.crm-help-md code {
    font-size: .87em;
    padding: .08em .35em;
    border-radius: 3px;
    background: var(--bs-tertiary-bg, #f5f6fa);
    border: 1px solid var(--bs-border-color, #e5e9f2);
    color: inherit;
}

/* --- tablo -------------------------------------------------------------- */
.crm-help-md table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0 1.2rem;
    font-size: .88rem;
}

.crm-help-md th,
.crm-help-md td {
    border: 1px solid var(--bs-border-color, #dbdfea);
    padding: .38rem .6rem;
    text-align: left;
    vertical-align: top;
}

.crm-help-md thead th {
    background: var(--bs-tertiary-bg, #f5f6fa);
    color: var(--bs-emphasis-color, #1f2b3a);
    font-weight: 600;
}

/* --- kutular ------------------------------------------------------------
   Markdown'da "> **Kural:** ..." biçiminde yazılır; blockquote yalnız kutu
   içindir (yazım sözleşmesi). Tip sunucuda HelpContentService tarafından
   sınıfa çevrilir (.kutu--kural gibi), CSS içerikten tahmin etmez.
   Zeminler düşük alfalı renk tonudur: hem açık hem karanlık temada tutar. */
.crm-help-md blockquote,
.crm-help-md .kutu {
    margin: 1rem 0;
    padding: .65rem .9rem;
    border: 1px solid var(--bs-border-color, #dbdfea);
    border-left: 4px solid var(--kutu-renk, #8094ae);
    border-radius: 4px;
    background: var(--kutu-zemin, rgba(128, 148, 174, .07));
}

.crm-help-md blockquote > :first-child { margin-top: 0; }
.crm-help-md blockquote > :last-child { margin-bottom: 0; }
.crm-help-md blockquote ul,
.crm-help-md blockquote ol { margin-bottom: 0; }

/* Kutunun ilk kalın sözcüğü başlık satırına dönüşür: "Kural", "Dikkat"... */
.crm-help-md .kutu > p:first-child > strong:first-child {
    display: block;
    margin-bottom: .15rem;
    color: var(--kutu-renk, #8094ae);
    font-weight: 700;
    letter-spacing: .01em;
}

.crm-help-md .kutu--kural  { --kutu-renk: #733aea; --kutu-zemin: rgba(115,  58, 234, .07); }
.crm-help-md .kutu--dikkat { --kutu-renk: #e07b0a; --kutu-zemin: rgba(253, 151,  34, .09); }
.crm-help-md .kutu--yetki  { --kutu-renk: #058efc; --kutu-zemin: rgba(  5, 142, 252, .07); }
.crm-help-md .kutu--lisans { --kutu-renk: #0d9488; --kutu-zemin: rgba( 13, 148, 136, .07); }
.crm-help-md .kutu--ipucu  { --kutu-renk: #0a9e5f; --kutu-zemin: rgba( 15, 202, 122, .08); }
.crm-help-md .kutu--not    { --kutu-renk: #8094ae; --kutu-zemin: rgba(128, 148, 174, .07); }
.crm-help-md hr {
    margin: 1.6rem 0;
    border-color: var(--bs-border-color, #dbdfea);
}

.crm-help-md a {
    color: var(--bs-link-color, #733aea);
}