/* ============================================================
   OMMAVIY HUJJAT SAHIFALARI (maxfiylik siyosati, shartlar, …)
   ------------------------------------------------------------
   Sahifaga XOS qatlam — `ui.css` ga kirmaydi: bu selektorlar CRM
   ichida ham, kabinetda ham hech qachon uchramaydi.

   O'lchov va rang `ui.css` tokenlaridan olinadi, shu bois hujjat
   sahifalari tizim bilan bir xil ko'rinadi. Sahifa kirishsiz
   ochiladi (do'kon tekshiruvchisi ham ochadi), shuning uchun
   sidebar, menyu va JS talab qilinmaydi.
   ============================================================ */

.lg-body {
    margin: 0;
    background: var(--bg, #f4f5f8);
    color: var(--text, #10152d);
    font-family: var(--font-sans, 'Inter', system-ui, sans-serif);
    font-size: var(--fs-base, 14px);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

/* `ui.css` dagi `.i` CRM'ning to'q sidebari uchun oq chiziq bilan keladi */
.lg-body .i { stroke: currentColor; }

.lg-top {
    background: var(--royal, #2563eb);
    color: #fff;
    padding: var(--sp-6, 24px) var(--sp-4, 16px);
}

.lg-top__inner,
.lg-main {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 0 var(--sp-4, 16px);
}

.lg-brand {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-3, 12px);
    color: #fff;
    text-decoration: none;
    font-weight: var(--fw-b, 700);
    letter-spacing: 0.06em;
}

.lg-brand img { width: 34px; height: 34px; object-fit: contain; display: block; }

.lg-title {
    margin: var(--sp-5, 20px) 0 var(--sp-1, 4px);
    font-size: var(--fs-2xl, 24px);
    font-weight: var(--fw-b, 700);
}

.lg-updated { margin: 0; font-size: var(--fs-sm, 13px); opacity: 0.82; }

.lg-main { padding-top: var(--sp-6, 24px); padding-bottom: var(--sp-10, 40px); }

.lg-card {
    background: var(--card, #fff);
    border: 1px solid var(--border, #e4e7ef);
    border-radius: var(--radius, 14px);
    padding: var(--sp-6, 24px);
}

.lg-lead {
    margin: 0 0 var(--sp-5, 20px);
    font-size: var(--fs-md, 15px);
    color: var(--muted, #687087);
}

.lg-card h2 {
    margin: var(--sp-6, 24px) 0 var(--sp-2, 8px);
    font-size: var(--fs-lg, 17px);
    font-weight: var(--fw-b, 700);
}

.lg-card h2:first-of-type { margin-top: 0; }
.lg-card p { margin: 0 0 var(--sp-3, 12px); }
.lg-card ul { margin: 0 0 var(--sp-3, 12px); padding-left: var(--sp-5, 20px); }
.lg-card li { margin-bottom: 6px; }
.lg-card strong { font-weight: var(--fw-sb, 600); }

/* Aloqa bloki — sahifa oxirida takrorlanadi */
.lg-contact {
    margin-top: var(--sp-6, 24px);
    padding: var(--sp-4, 16px);
    border-radius: var(--radius-sm, 10px);
    background: var(--bg, #f4f5f8);
    font-size: var(--fs-sm, 13px);
}

.lg-contact a { color: var(--royal, #2563eb); font-weight: var(--fw-sb, 600); }

/* Sahifalar orasidagi havolalar */
.lg-nav {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2, 8px);
    margin-top: var(--sp-5, 20px);
}

.lg-nav a {
    padding: 7px 14px;
    border-radius: 999px;
    border: 1px solid var(--border, #e4e7ef);
    background: var(--card, #fff);
    color: var(--text, #10152d);
    text-decoration: none;
    font-size: var(--fs-sm, 13px);
    font-weight: var(--fw-sb, 600);
}

.lg-nav a:hover { border-color: var(--royal, #2563eb); color: var(--royal, #2563eb); }
.lg-nav a[aria-current="page"] { background: var(--royal, #2563eb); border-color: var(--royal, #2563eb); color: #fff; }

.lg-foot {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 var(--sp-4, 16px) var(--sp-8, 32px);
    font-size: var(--fs-sm, 13px);
    color: var(--muted, #687087);
}

@media print {
    .lg-top { background: none; color: var(--text, #10152d); }
    .lg-nav, .lg-brand img { display: none; }
    .lg-card { border: 0; padding: 0; }
}