/* ==========================================================================
   Fire Safety Caspian Azerbaijan — əsas üslub faylı
   Dizayn prinsipi: sənaye mühiti üçün sakit, yüksək kontrastlı, sıx interfeys.
   Rənglər dəyişən kimi saxlanılır ki, brend dəyişəndə bir yerdən idarə olunsun.

   DİQQƏT — iki qırmızı problemi:
   FSCA-nın brend rəngi qırmızıdır (#FE0200), amma interfeysdə qırmızı həm də
   «təhlükə / sil» deməkdir. İkisi eyni ton olsa, istifadəçi «Yadda saxla» ilə
   «Sil» düymələrini ayırd edə bilməz. Ona görə:
     --c-brand    → yalnız loqo və başlıq zolağı (saf brend rəngi)
     --c-primary  → əsas əməliyyat düymələri (daha tünd, oxunaqlı qırmızı)
     --c-danger   → yalnız dağıdıcı əməliyyat (tünd şabalıdı, açıq fərqlənir)
   ========================================================================== */

:root {
    --c-bg:          #f4f6f8;
    --c-surface:     #ffffff;
    --c-border:      #dde3ea;
    --c-text:        #16212e;
    --c-text-muted:  #5f6c7b;
    --c-brand:       #fe0200;
    --c-primary:     #c81e10;
    --c-primary-dk:  #9e1409;
    --c-danger:      #7a1610;
    --c-warning:     #b54708;
    --c-success:     #067647;
    --c-info:        #175cd3;

    --radius: 8px;
    --gap: 16px;
    --shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);
    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: var(--font);
    font-size: 14px;
    line-height: 1.5;
    color: var(--c-text);
    background: var(--c-bg);
}

a { color: var(--c-primary); text-decoration: none; }
a:hover { text-decoration: underline; }
code, .mono { font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: 12px; }

/* --- Karkas --- */
.app--centered { display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 24px; }
.app__body { display: flex; min-height: calc(100vh - 56px); }
.content { flex: 1; padding: 24px; max-width: 1280px; }

.topbar {
    display: flex; align-items: center; justify-content: space-between;
    height: 56px; padding: 0 20px;
    background: var(--c-surface); border-bottom: 1px solid var(--c-border);
}
.topbar__brand a { font-weight: 600; color: var(--c-text); font-size: 15px; }
.topbar__user { display: flex; align-items: center; gap: 12px; }
.topbar__name { font-weight: 500; }
.topbar__role { color: var(--c-text-muted); font-size: 12px; }

.sidebar { width: 220px; background: var(--c-surface); border-right: 1px solid var(--c-border); padding: 16px 0; }
.sidebar__list { list-style: none; margin: 0; padding: 0; }
.sidebar__link {
    display: flex; justify-content: space-between; align-items: center;
    padding: 9px 20px; color: var(--c-text); font-weight: 500;
}
.sidebar__link:hover { background: var(--c-bg); text-decoration: none; }
.sidebar__link.is-active { color: var(--c-primary); border-left: 3px solid var(--c-primary); padding-left: 17px; }
.sidebar__link--soon { color: var(--c-text-muted); cursor: default; }
.sidebar__link--soon small { font-size: 10px; text-transform: uppercase; letter-spacing: .04em; }

.footer {
    display: flex; justify-content: space-between;
    padding: 12px 20px; font-size: 12px; color: var(--c-text-muted);
    border-top: 1px solid var(--c-border); background: var(--c-surface);
}

/* --- Səhifə başlığı --- */
.page-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; gap: 16px; }
.page-head__title { font-size: 20px; margin: 0; }
.page-head__subtitle { color: var(--c-text-muted); margin: 4px 0 0; }

/* --- Kart --- */
.card { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 20px; margin-bottom: var(--gap); box-shadow: var(--shadow); }
.card--narrow { width: 100%; max-width: 420px; }
.card__title { font-size: 16px; margin: 0 0 4px; }
.card__subtitle { color: var(--c-text-muted); margin: 0 0 16px; }
.card__note { color: var(--c-text-muted); font-size: 12px; margin: 16px 0 0; }

/* --- Formalar --- */
.field { margin-bottom: 16px; }
.field__label { display: block; font-weight: 500; margin-bottom: 5px; }
.field__req { color: var(--c-danger); }
.field__input {
    width: 100%; padding: 9px 11px; font: inherit; color: inherit;
    background: var(--c-surface); border: 1px solid var(--c-border); border-radius: 6px;
}
.field__input:focus { outline: 2px solid rgba(200, 30, 16, .30); border-color: var(--c-primary); }
.field__hint { color: var(--c-text-muted); font-size: 12px; margin: 5px 0 0; }
.field__error { color: var(--c-danger); font-size: 12px; margin: 5px 0 0; }
.field--error .field__input { border-color: var(--c-danger); }
.field__checkbox { display: flex; align-items: center; gap: 8px; }

.fieldset { border: 1px solid var(--c-border); border-radius: var(--radius); padding: 16px; margin-bottom: 16px; }
.fieldset legend { font-weight: 600; padding: 0 6px; }

.grid { display: grid; gap: 0 var(--gap); }
.grid--2 { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }

.form-actions { display: flex; align-items: center; gap: 12px; margin-top: 8px; }
.form-actions--sticky { position: sticky; bottom: 0; background: var(--c-surface); border-top: 1px solid var(--c-border); padding: 14px 20px; border-radius: var(--radius); box-shadow: var(--shadow); }
.form-actions__hint { color: var(--c-text-muted); font-size: 12px; }
.inline-form { display: inline; }
.button-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }

.filter-bar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.filter-bar .field__input { width: auto; min-width: 180px; }

/* --- Düymələr --- */
.btn {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 9px 16px; font: inherit; font-weight: 500; cursor: pointer;
    border: 1px solid transparent; border-radius: 6px; background: none; color: var(--c-text);
}
.btn:hover { text-decoration: none; opacity: .92; }
.btn--sm { padding: 5px 10px; font-size: 13px; }
.btn--block { width: 100%; }
.btn--primary { background: var(--c-primary); color: #fff; }
.btn--primary:hover { background: var(--c-primary-dk); }
.btn--secondary { background: var(--c-surface); border-color: var(--c-border); }
.btn--ghost { background: transparent; border-color: var(--c-border); }
.btn--danger { background: var(--c-danger); color: #fff; }
.btn--warning { background: var(--c-warning); color: #fff; }

/* --- Cədvəl --- */
.table-wrap { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius); overflow: auto; box-shadow: var(--shadow); }
.table { width: 100%; border-collapse: collapse; }
.table th, .table td { padding: 11px 14px; text-align: left; border-bottom: 1px solid var(--c-border); vertical-align: middle; }
.table th { background: #fafbfc; font-size: 12px; text-transform: uppercase; letter-spacing: .03em; color: var(--c-text-muted); }
.table tbody tr:last-child td { border-bottom: none; }
.table tbody tr:hover { background: #fafbfc; }
.table__actions { text-align: right; white-space: nowrap; }
.table__empty { text-align: center; color: var(--c-text-muted); padding: 32px; }

/* --- Nişanlar --- */
.badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; }
.badge--success { background: #ecfdf3; color: var(--c-success); }
.badge--warning { background: #fffaeb; color: var(--c-warning); }
.badge--danger  { background: #fef3f2; color: var(--c-danger); }
.badge--info    { background: #eff8ff; color: var(--c-info); }
.badge--muted   { background: #f2f4f7; color: var(--c-text-muted); }

/* --- Xəbərdarlıqlar --- */
.alert { padding: 12px 16px; border-radius: var(--radius); margin-bottom: var(--gap); border: 1px solid; }
.alert--success { background: #ecfdf3; border-color: #abefc6; color: #05603a; }
.alert--warning { background: #fffaeb; border-color: #fedf89; color: #93370d; }
.alert--danger  { background: #fef3f2; border-color: #fecdca; color: #912018; }
.alert--info    { background: #eff8ff; border-color: #b2ddff; color: #175cd3; }

/* --- Statistika --- */
.stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--gap); margin-bottom: var(--gap); }
.stat { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 18px; box-shadow: var(--shadow); }
.stat__value { font-size: 26px; font-weight: 600; color: var(--c-primary); }
.stat__label { font-weight: 500; margin-top: 2px; }
.stat__hint { color: var(--c-text-muted); font-size: 12px; }

/* --- Səlahiyyət matrisi --- */
.permission-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 8px; }
.permission { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--c-border); border-radius: 6px; }
.permission:hover { background: #fafbfc; }
.permission--sensitive { border-color: #fecdca; background: #fffbfa; }
.permission__label { flex: 1; }
.permission__code { color: var(--c-text-muted); }

.checkbox-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 8px; }
.checkbox-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid var(--c-border); border-radius: 6px; }
.checkbox-card:hover { background: #fafbfc; }
.checkbox-card__label { font-weight: 500; }
.checkbox-card small { grid-column: 2 / -1; color: var(--c-text-muted); font-size: 12px; }

.chip-list { display: flex; flex-wrap: wrap; gap: 6px; }
.chip { background: #f2f4f7; color: var(--c-text-muted); border-radius: 4px; padding: 3px 8px; font-size: 12px; }

.list { list-style: none; margin: 0; padding: 0; }
.list__item { padding: 9px 0; border-bottom: 1px solid var(--c-border); }
.list__item:last-child { border-bottom: none; }

.steps { margin: 0; padding-left: 20px; color: var(--c-text-muted); }
.steps strong { color: var(--c-text); }

/* --- Səhifələmə --- */
.pagination { display: flex; align-items: center; justify-content: space-between; margin-top: var(--gap); gap: 12px; flex-wrap: wrap; }
.pagination__info { color: var(--c-text-muted); font-size: 12px; }
.pagination__list { display: flex; list-style: none; margin: 0; padding: 0; gap: 4px; }
.pagination__list a, .pagination__current { display: block; padding: 6px 11px; border: 1px solid var(--c-border); border-radius: 6px; background: var(--c-surface); }
.pagination__current { background: var(--c-primary); color: #fff; border-color: var(--c-primary); }
.pagination__gap { padding: 6px 4px; color: var(--c-text-muted); }

/* --- Xəta səhifəsi --- */
.error__code { font-size: 44px; margin: 0; color: var(--c-primary); }
.error__title { font-size: 18px; margin: 4px 0 12px; }
.error__message { color: var(--c-text-muted); }
.error__details { color: var(--c-danger); font-size: 13px; padding-left: 18px; }
.error__ref { font-size: 12px; color: var(--c-text-muted); }
.error__trace { background: #f2f4f7; padding: 12px; border-radius: 6px; font-size: 11px; overflow: auto; max-height: 260px; }

@media (max-width: 720px) {
    .app__body { flex-direction: column; }
    .sidebar { width: 100%; border-right: none; border-bottom: 1px solid var(--c-border); }
    .sidebar__list { display: flex; overflow-x: auto; }
    .content { padding: 16px; }
}

/* --- Pasiyent modulu --- */
.detail-list { display: grid; grid-template-columns: 140px 1fr; gap: 6px 12px; margin: 0; }
.detail-list dt { color: var(--c-text-muted); font-size: 13px; }
.detail-list dd { margin: 0; }

.money { font-variant-numeric: tabular-nums; }
.money--debt { color: var(--c-danger); font-weight: 600; }

.text-muted { color: var(--c-text-muted); }

.card--warning { border-color: #fedf89; background: #fffcf5; }

.duplicate-list { margin: 10px 0 0; padding-left: 18px; }
.duplicate-list li { margin-bottom: 6px; }
.duplicate-list small { display: block; color: var(--c-text-muted); }

/* --- Təqvim --- */
.calendar { display: flex; gap: 0; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow); }
.calendar__time-axis { position: relative; width: 56px; flex-shrink: 0; height: 640px; margin-top: 56px; border-right: 1px solid var(--c-border); background: #fafbfc; }
.calendar__hour { position: absolute; right: 6px; transform: translateY(-50%); font-size: 11px; color: var(--c-text-muted); }
.calendar__columns { display: flex; flex: 1; overflow-x: auto; }
.calendar__column { flex: 1 0 190px; border-right: 1px solid var(--c-border); }
.calendar__column:last-child { border-right: none; }
.calendar__header { height: 56px; padding: 6px 10px; border-bottom: 1px solid var(--c-border); background: #fafbfc; display: flex; flex-direction: column; justify-content: center; }
.calendar__header small { color: var(--c-text-muted); font-size: 11px; }
.calendar__track { position: relative; height: 640px; }
.calendar__grid-line { position: absolute; left: 0; right: 0; border-top: 1px solid #eef1f4; }

.appointment { position: absolute; left: 4px; right: 4px; padding: 4px 6px; border-radius: 5px; border-left: 3px solid var(--c-primary); background: #e7f5f3; color: var(--c-text); overflow: hidden; font-size: 11px; line-height: 1.3; }
.appointment:hover { text-decoration: none; filter: brightness(.97); z-index: 2; }
.appointment__time { display: block; font-weight: 600; }
.appointment__patient { display: block; font-weight: 500; }
.appointment__service, .appointment__room { display: block; color: var(--c-text-muted); }
.appointment--confirmed { background: #e7f5f3; }
.appointment--checked_in, .appointment--in_room, .appointment--in_procedure { background: #fff6e5; border-left-color: var(--c-warning); }
.appointment--completed { background: #eafaf1; border-left-color: var(--c-success); }
.appointment--cancelled { background: #f2f4f7; border-left-color: #98a2b3; opacity: .65; text-decoration: line-through; }
.appointment--no_show { background: #fdecea; border-left-color: var(--c-danger); }

/* --- Qeydiyyat lövhəsi --- */
.board { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--gap); }
.board__column { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 14px; }
.board__head h2 { font-size: 15px; margin: 0; display: flex; align-items: center; gap: 8px; }
.board__count { background: var(--c-primary); color: #fff; border-radius: 999px; padding: 1px 8px; font-size: 11px; }
.board__head small { color: var(--c-text-muted); }
.board__empty { color: var(--c-text-muted); text-align: center; padding: 20px 0; }
.board-card { display: flex; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--c-border); }
.board-card:last-child { border-bottom: none; }
.board-card__time { font-weight: 600; font-variant-numeric: tabular-nums; min-width: 42px; }
.board-card__body { flex: 1; min-width: 0; }
.board-card__name { font-weight: 500; }
.board-card__meta, .board-card__service { color: var(--c-text-muted); font-size: 12px; }
.board-card__flags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.board-card__actions { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }

.status-form { display: flex; gap: 6px; align-items: center; }
.status-form__reason { width: 200px; }
.conflict-list { margin: 8px 0 0; padding-left: 18px; }
.conflict-list li { margin-bottom: 4px; }

.timeline { list-style: none; margin: 0; padding: 0; }
.timeline__item { display: flex; gap: 14px; padding: 8px 0; border-bottom: 1px solid var(--c-border); }
.timeline__item:last-child { border-bottom: none; }
.timeline__time { color: var(--c-text-muted); font-size: 12px; min-width: 120px; }

/* --- Maliyyə --- */
.money--negative { color: var(--c-success); }
.divider { border: none; border-top: 1px solid var(--c-border); margin: 12px 0; }
.refund-form { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.refund-form .field__input { width: auto; min-width: 110px; font-size: 12px; padding: 5px 8px; }
.progress { height: 6px; background: #eef1f4; border-radius: 999px; overflow: hidden; margin-bottom: 4px; }
.progress__bar { height: 100%; background: var(--c-primary); }

/* --- Anbar --- */
.progress__bar--danger  { background: var(--c-danger); }
.progress__bar--warning { background: var(--c-warning); }

/* --- Publik səhifələr (imtina) --- */
.public-page { display: flex; align-items: center; justify-content: center; min-height: 100vh; background: #f6f7f9; margin: 0; padding: 20px; }
.public-card { background: #fff; border: 1px solid var(--c-border); border-radius: var(--radius); box-shadow: var(--shadow); padding: 32px; max-width: 460px; width: 100%; }
.public-card__title { font-size: 18px; color: var(--c-primary); margin: 0 0 4px; }
.public-card__subtitle { font-size: 16px; margin: 16px 0 8px; }



/* === MODUL: Consents — BAŞLANĞIC === */
/* Razılıq bölməsi. Mövcud dəyişənlərdən istifadə edir — yeni rəng elan edilmir. */

.hint { color: var(--c-text-muted); font-size: 13px; margin: 0 0 12px; }
.small { font-size: 12px; }

/* --- İmza kətanı --- */
.consent-sign { margin: var(--gap) 0; }

.consent-sign__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.consent-sign__label {
    font-size: 13px;
    font-weight: 600;
    color: var(--c-text-muted);
}

.consent-sign__pad {
    width: 100%;
    max-width: 640px;
    height: auto;
    background: var(--c-surface);
    border: 1px dashed var(--c-border);
    border-radius: var(--radius);
    touch-action: none;
    cursor: crosshair;
}

.consent-sign__hint {
    margin: 8px 0 0;
    font-size: 12px;
    color: var(--c-text-muted);
}

.consent-sign__preview {
    margin-top: var(--gap);
    padding-top: var(--gap);
    border-top: 1px solid var(--c-border);
}

.consent-sign__preview img {
    display: block;
    max-width: 320px;
    margin-top: 8px;
    background: #fff;
    border: 1px solid var(--c-border);
    border-radius: var(--radius);
}

/* --- Razılıq mətni --- */
.consent-body {
    max-height: 460px;
    overflow-y: auto;
    padding: 16px;
    background: var(--c-bg);
    border: 1px solid var(--c-border);
    border-radius: var(--radius);
    line-height: 1.65;
}

.consent-body h3 { margin-top: 0; }
.consent-body ul, .consent-body ol { padding-left: 20px; }
.consent-body table { width: 100%; border-collapse: collapse; margin: 12px 0; }
.consent-body th, .consent-body td { border: 1px solid var(--c-border); padding: 6px 8px; text-align: left; }

/* --- Versiya kartı --- */
.version {
    padding: 14px 0;
    border-top: 1px solid var(--c-border);
}

.version:first-of-type { border-top: 0; }

.version__head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 4px;
}

.version__no {
    font-weight: 600;
    color: var(--c-primary);
}

.version__lang {
    font-size: 11px;
    color: var(--c-text-muted);
    border: 1px solid var(--c-border);
    border-radius: 4px;
    padding: 1px 5px;
}

.version__title { flex: 1 1 auto; }

.version__meta {
    margin: 0 0 8px;
    font-size: 12px;
    color: var(--c-text-muted);
}

.version__body summary {
    cursor: pointer;
    font-size: 13px;
    color: var(--c-primary);
    margin-bottom: 8px;
}

@media (max-width: 640px) {
    .consent-sign__pad { height: 180px; }
    .version__head { gap: 6px; }
}
/* === MODUL: Consents — SON === */

/* === MODUL: Clinical — BAŞLANĞIC === */
/* Klinik bölmə. Mövcud dəyişənlərdən istifadə edir — yeni rəng elan edilmir. */

.subhead {
    margin: 18px 0 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--c-text-muted);
}

.plain-list { margin: 0 0 12px; padding-left: 18px; line-height: 1.7; }
.plain-list li { margin-bottom: 6px; }

.inline-form { margin-top: var(--gap); padding-top: var(--gap); border-top: 1px solid var(--c-border); }
.inline-form > summary { display: inline-block; cursor: pointer; list-style: none; margin-bottom: 12px; }
.inline-form > summary::-webkit-details-marker { display: none; }

/* --- Təhlükəsizlik yoxlaması --- */
.safety-block { border-color: #fecdca; background: #fffbfa; }

.safety-list { list-style: none; margin: 0; padding: 0; }

.safety-list__item {
    padding: 10px 12px;
    margin-bottom: 8px;
    border-left: 3px solid var(--c-warning);
    background: #fffaeb;
    border-radius: 0 var(--radius) var(--radius) 0;
}

.safety-list__item--blocking {
    border-left-color: var(--c-danger);
    background: #fef3f2;
}

.safety-list__label { display: block; font-weight: 600; margin-bottom: 2px; }
.safety-list__message { font-size: 13px; color: var(--c-text-muted); }

.clinical-summary { font-size: 14px; }

/* --- Tibbi qeyd --- */
.note {
    padding: 14px 0;
    border-top: 1px solid var(--c-border);
}

.note:first-of-type { border-top: 0; }

.note__head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.note__type { font-weight: 600; }

.note__author {
    margin-left: auto;
    font-size: 12px;
    color: var(--c-text-muted);
}

.note__body { padding-left: 2px; }

.note__section { margin-bottom: 10px; }

.note__label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--c-text-muted);
    margin-bottom: 2px;
}

.note__section p { margin: 0; line-height: 1.65; }

.note-form { margin-top: var(--gap); padding-top: var(--gap); border-top: 1px solid var(--c-border); }
.note-form > summary { display: inline-block; cursor: pointer; list-style: none; margin-bottom: 12px; }
.note-form > summary::-webkit-details-marker { display: none; }

/* --- Prosedur sətirləri --- */
#product-rows td { padding: 6px 4px; vertical-align: middle; }
#product-rows .form-control { width: 100%; }
.row-remove { color: var(--c-danger); font-size: 18px; line-height: 1; padding: 2px 8px; }

.grid--3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 var(--gap); }

@media (max-width: 720px) {
    .grid--3 { grid-template-columns: 1fr; }
    .note__author { margin-left: 0; width: 100%; }
    #product-rows { display: block; overflow-x: auto; }
}
/* === MODUL: Clinical — SON === */

/* === MODUL: Clinical extras — BAŞLANĞIC === */
/* Klinik əlavələr (Paket 10). Rənglər app.css palitrasından — yeni rəng elan edilmir. */

.cln-filter { margin-bottom: 16px; }
.cln-sep { border: 0; border-top: 1px solid var(--c-border); margin: 20px 0; }
.cln-prewrap { white-space: pre-wrap; }
.cln-warn { color: var(--c-warning); font-weight: 600; }

.cln-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.cln-tab {
    padding: 8px 14px; border: 1px solid var(--c-border); border-radius: 6px;
    background: var(--c-surface); color: var(--c-text); text-decoration: none; font-size: 14px;
}
.cln-tab.is-active { background: var(--c-primary); border-color: var(--c-primary); color: var(--c-surface); }

.cln-list { list-style: none; margin: 0 0 12px; padding: 0; }
.cln-list li { padding: 8px 0; border-bottom: 1px solid var(--c-border); font-size: 14px; }
.cln-list li:last-child { border-bottom: 0; }

.cln-dl { display: grid; grid-template-columns: minmax(140px, 34%) 1fr; gap: 6px 16px; margin: 0; font-size: 14px; }
.cln-dl dt { color: var(--c-text-muted); }
.cln-dl dd { margin: 0; }

.cln-inline-form { display: inline; }
.cln-check { display: flex; align-items: center; gap: 8px; margin: 12px 0; font-size: 14px; }

.cln-alert { border-left: 4px solid var(--c-warning); }

/* Fotolar */
.cln-photo-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 16px; }
.cln-photo-card { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: 8px; overflow: hidden; }
.cln-photo-card img { display: block; width: 100%; height: 160px; object-fit: cover; }
.cln-photo-card__meta { padding: 10px 12px; }
.cln-photo-card__line { margin: 6px 0 0; font-size: 13px; color: var(--c-text-muted); }

/* Məhdud foto siyahıda açılmır — yalnız xəbərdarlıq göstərilir. */
.cln-photo-locked {
    height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 4px; background: var(--c-bg); color: var(--c-text-muted); text-align: center; padding: 0 12px;
}
.cln-photo-locked span { font-weight: 600; color: var(--c-warning); }
.cln-photo-locked small { font-size: 12px; }

.cln-photo-stage { position: relative; }
.cln-photo-stage img { display: block; width: 100%; border-radius: 8px; }
.cln-photo-overlay { position: absolute; inset: 0; width: 100%; height: 100%; color: var(--c-danger); }

/* Bədən xəritəsi */
.cln-bodymap {
    position: relative; aspect-ratio: 1 / 1; background: var(--c-bg) center / contain no-repeat;
    border: 1px solid var(--c-border); border-radius: 8px;
}
.cln-bodymap__layer { position: absolute; inset: 0; width: 100%; height: 100%; }
.cln-mark { stroke: var(--c-surface); stroke-width: .4; cursor: pointer; }
.cln-mark--active { fill: var(--c-warning); }
.cln-mark--under_treatment { fill: var(--c-info); }
.cln-mark--monitoring { fill: var(--c-info); }
.cln-mark--resolved { fill: var(--c-success); }
.cln-mark--removed { fill: var(--c-text-muted); }

@media (max-width: 640px) {
    .cln-dl { grid-template-columns: 1fr; }
    .cln-photo-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
}
/* === MODUL: Clinical extras — SON === */

/* === MODUL: HR — BAŞLANĞIC === */
/* Rənglər app.css palitrasından götürülür — modul CSS-i yeni rəng elan etmir. */
.hr-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--c-border);margin-bottom:24px;padding-bottom:12px}
.hr-tabs a{padding:9px 13px;border-radius:8px;background:var(--c-bg);color:var(--c-primary);text-decoration:none}
.hr-tabs a:focus-visible{outline:3px solid var(--c-primary);outline-offset:2px}
.hr-summary{display:flex;flex-wrap:wrap;gap:20px;margin:16px 0 24px}
.hr-summary>div{display:flex;flex-direction:column;min-width:130px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:10px;padding:16px}
.hr-summary strong{font-size:26px;color:var(--c-primary)}.hr-summary span{color:var(--c-text-muted)}
.hr-scroll{overflow-x:auto;border:1px solid var(--c-border);border-radius:10px}
.hr-table{width:100%;border-collapse:collapse;background:var(--c-surface)}.hr-table th,.hr-table td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--c-border);vertical-align:top}
.hr-table th{background:var(--c-bg);font-size:13px;color:var(--c-text-muted)}.hr-table a{font-weight:600;color:var(--c-primary)}
.hr-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}
.hr-actions form{margin:0}.hr-details{margin:16px 0}.hr-details>summary{cursor:pointer;font-weight:600;padding:10px 0;color:var(--c-primary)}
.hr-details[open]>summary{margin-bottom:12px}.hr-record{padding:16px 0;border-bottom:1px solid var(--c-border)}
.hr-preserve{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--c-bg);padding:16px;border-radius:8px}
.hr-muted{color:var(--c-text-muted);font-size:13px}.hr-fieldset{border:1px solid var(--c-border);border-radius:10px;padding:20px;margin:20px 0}
.hr-danger{border-left:4px solid var(--c-danger)}.hr-danger>summary{color:var(--c-danger)}
@media(max-width:640px){.hr-table th,.hr-table td{padding:10px}.hr-tabs{gap:6px}.hr-tabs a{padding:8px}.hr-summary{gap:10px}.hr-summary>div{flex:1}}
/* === MODUL: HR — SON === */

/* === MODUL: Satınalma — BAŞLANĞIC === */
/* Rənglər app.css palitrasından götürülür — modul CSS-i yeni rəng elan etmir. */
.pur-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.pur-nav a{padding:.55rem .85rem;border:1px solid var(--c-border);border-radius:.4rem;background:var(--c-surface);color:var(--c-primary);text-decoration:none}.pur-nav a:hover,.pur-nav a:focus-visible{background:var(--c-bg);border-color:var(--c-primary)}.pur-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;align-items:end}.pur-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;min-width:0}.pur-field input,.pur-field select,.pur-field textarea{width:100%;box-sizing:border-box;max-width:100%}.pur-section{padding:1.25rem;margin:1.5rem 0}.pur-section h2{margin-top:0}.pur-scroll{overflow-x:auto;margin:1rem 0}.pur-table{border-collapse:collapse;width:100%;text-align:left}.pur-table th,.pur-table td{padding:.8rem;border-bottom:1px solid var(--c-border);vertical-align:top}.pur-table th{background:var(--c-bg);font-weight:600}.pur-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0}.pur-line{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;border-bottom:1px solid var(--c-border);padding:1rem 0}.pur-line .pur-field{flex:1 1 160px}.pur-line .pur-field:first-child{flex-basis:260px}.pur-line button{margin-bottom:1rem}.pur-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0}.pur-summary>div{padding:1rem;background:var(--c-bg);border:1px solid var(--c-border);border-radius:.4rem}.pur-summary strong,.pur-summary span{display:block}.pur-summary strong{font-size:1.3rem;color:var(--c-primary)}.pur-summary span{margin-top:.4rem}.pur-status{padding:.75rem 1rem;background:var(--c-bg);border-left:3px solid var(--c-text-muted)}.pur-prewrap{white-space:pre-wrap;overflow-wrap:anywhere}.pur-check{display:flex;gap:.6rem;align-items:center;padding:.5rem 0}.pur-fieldset{border:1px solid var(--c-border);border-radius:.4rem;margin:1rem 0;padding:1rem}
@media(max-width:640px){.pur-grid{grid-template-columns:1fr}.pur-line{display:block}.pur-section{padding:1rem}.pur-table th,.pur-table td{padding:.55rem}.pur-summary strong{font-size:1.1rem}}
/* === MODUL: Satınalma — SON === */

/* === MODUL: Keyfiyyət — BAŞLANĞIC === */
/* Rənglər app.css palitrasından götürülür — modul CSS-i yeni rəng elan etmir. */
.qlt-nav,.qlt-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:1rem 0}.qlt-form{display:grid;gap:1rem;max-width:48rem;margin:1.5rem 0}.qlt-form label{display:grid;gap:.4rem}.qlt-form input,.qlt-form select,.qlt-form textarea,.qlt-actions input{padding:.65rem;border:1px solid var(--c-text-muted);border-radius:.4rem;max-width:100%;font:inherit}.qlt-table{width:100%;border-collapse:collapse}.qlt-table th,.qlt-table td{text-align:left;padding:.8rem;border-bottom:1px solid var(--c-border);vertical-align:top}.qlt-scroll{overflow-x:auto}.qlt-card{padding:1.2rem;border:1px solid var(--c-border);border-radius:.6rem;margin:1rem 0}.qlt-text{white-space:pre-wrap;overflow-wrap:anywhere}.qlt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.qlt-public{max-width:48rem;margin:3rem auto;padding:1.2rem}.qlt-scores{display:flex;gap:.65rem;flex-wrap:wrap}.qlt-scores label{padding:.5rem;min-width:2.4rem;text-align:center}.qlt-form button{justify-self:start}.qlt-form button:disabled{opacity:.5}
/* === MODUL: Keyfiyyət — SON === */

/* === MODUL: Maliyyə — BAŞLANĞIC === */
/* Rənglər app.css palitrasından götürülür — modul CSS-i yeni rəng elan etmir. */
.fin-nav,.fin-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin:1rem 0}.fin-form{display:grid;gap:1rem;margin:1.5rem 0;max-width:70rem}.fin-form label{display:grid;gap:.4rem}.fin-form input,.fin-form select,.fin-form textarea,.fin-actions input,.fin-actions select{font:inherit;border:1px solid var(--c-text-muted);border-radius:.4rem;padding:.65rem;max-width:100%}.fin-form button{justify-self:start}.fin-table{width:100%;border-collapse:collapse}.fin-table th,.fin-table td{padding:.75rem;border-bottom:1px solid var(--c-border);text-align:left;vertical-align:top}.fin-table input{min-width:6rem;width:8rem}.fin-scroll{overflow-x:auto}.fin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.fin-card{padding:1rem;border:1px solid var(--c-border);border-radius:.5rem;margin-top:2rem}.fin-text{white-space:pre-wrap;overflow-wrap:anywhere}
/* === MODUL: Maliyyə — SON === */

/* === MODUL: Reports — BAŞLANĞIC === */
/* Hesabat bölməsi (Paket 11). Rənglər app.css palitrasından — yeni rəng elan edilmir. */

.rpt-cards {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px; margin-bottom: 20px;
}
.rpt-card {
    background: var(--c-surface); border: 1px solid var(--c-border);
    border-left: 4px solid var(--c-primary); border-radius: 8px; padding: 16px 18px;
}
.rpt-card--link { text-decoration: none; color: inherit; display: block; }
.rpt-card--link:hover { border-color: var(--c-primary); }
.rpt-card--warn { border-left-color: var(--c-warning); }
.rpt-card--alert { border-left-color: var(--c-danger); }
.rpt-card__title { margin: 0 0 8px; font-size: 13px; font-weight: 600; color: var(--c-text-muted); text-transform: uppercase; letter-spacing: .03em; }
.rpt-card__value { margin: 0; font-size: 28px; font-weight: 700; color: var(--c-text); line-height: 1.1; }
.rpt-card__note { margin: 8px 0 0; font-size: 13px; color: var(--c-text-muted); }

.rpt-change { font-weight: 600; }
.rpt-change--success { color: var(--c-success); }
.rpt-change--danger { color: var(--c-danger); }
.rpt-change--muted { color: var(--c-text-muted); }

.rpt-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.rpt-tab {
    padding: 8px 14px; border: 1px solid var(--c-border); border-radius: 6px;
    background: var(--c-surface); color: var(--c-text); text-decoration: none; font-size: 14px;
}
.rpt-tab.is-active { background: var(--c-primary); border-color: var(--c-primary); color: var(--c-surface); }

.rpt-filter { margin-bottom: 20px; }
.rpt-note { font-size: 13px; color: var(--c-text-muted); margin: 0 0 12px; }

.rpt-bar-cell { width: 30%; min-width: 80px; }
.rpt-bar { display: block; height: 8px; background: var(--c-bg); border-radius: 4px; overflow: hidden; }
.rpt-bar__fill { display: block; height: 100%; }
.rpt-bar__fill--primary { background: var(--c-primary); }
.rpt-bar__fill--warning { background: var(--c-warning); }

@media (max-width: 640px) {
    .rpt-cards { grid-template-columns: 1fr; }
    .rpt-card__value { font-size: 24px; }
    .rpt-bar-cell { display: none; }
}
/* === MODUL: Reports — SON === */

/* === MODUL: Audit — BAŞLANĞIC === */
/* Audit jurnalı (Paket 12). Rənglər app.css palitrasından — yeni rəng elan edilmir. */

.aud-filter { margin-bottom: 20px; }
.aud-check { display: flex; align-items: center; gap: 8px; margin: 12px 0; font-size: 14px; }
.aud-note { font-size: 13px; color: var(--c-text-muted); margin: 0 0 8px; }

.aud-table td { vertical-align: top; }
.aud-time { white-space: nowrap; font-size: 13px; }
.aud-reason { max-width: 280px; font-size: 13px; color: var(--c-text-muted); }
.aud-agent { font-size: 12px; color: var(--c-text-muted); word-break: break-all; }

.aud-dl { display: grid; grid-template-columns: minmax(120px, 32%) 1fr; gap: 6px 16px; margin: 0; font-size: 14px; }
.aud-dl dt { color: var(--c-text-muted); }
.aud-dl dd { margin: 0; }

.aud-list { list-style: none; margin: 0; padding: 0; font-size: 14px; }
.aud-list li { padding: 6px 0; border-bottom: 1px solid var(--c-border); }
.aud-list li:last-child { border-bottom: 0; }

/* Köhnə dəyər sönük, yeni dəyər vurğulu — göz fərqi dərhal tutsun. */
.aud-old { color: var(--c-text-muted); text-decoration: line-through; }
.aud-new { color: var(--c-text); font-weight: 600; }

.aud-pager { display: flex; align-items: center; gap: 12px; margin-top: 16px; font-size: 14px; }

@media (max-width: 640px) {
    .aud-dl { grid-template-columns: 1fr; }
    .aud-reason { max-width: none; }
}
/* === MODUL: Audit — SON === */

/* === MODUL: Paket kataloqu — BAŞLANĞIC === */
/* Paket kataloqu (Paket 13). Rənglər app.css palitrasından — yeni rəng elan edilmir. */

.pkg-inline { display: inline; }
.pkg-flags { display: flex; flex-wrap: wrap; gap: 20px; margin: 12px 0 20px; }
.pkg-check { display: flex; align-items: center; gap: 8px; font-size: 14px; }

/* Bağlı sahə: dəyər göndərilir, amma dəyişdirilə bilmir. */
.field__input[readonly] { background: var(--c-bg); color: var(--c-text-muted); cursor: not-allowed; }
/* === MODUL: Paket kataloqu — SON === */

/* === MODUL: Foto müqayisəsi — BAŞLANĞIC === */
/* Foto müqayisəsi (Paket 14). Rənglər app.css palitrasından — yeni rəng elan edilmir. */

.cln-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.cln-compare__side {
    margin: 0; background: var(--c-surface); border: 1px solid var(--c-border);
    border-radius: 8px; overflow: hidden;
}
.cln-compare__title {
    padding: 10px 14px; font-weight: 600; font-size: 14px;
    border-bottom: 1px solid var(--c-border); color: var(--c-text-muted);
}
.cln-compare__side img { display: block; width: 100%; height: auto; }
.cln-compare__empty {
    display: flex; align-items: center; justify-content: center; min-height: 220px;
    padding: 20px; text-align: center; color: var(--c-text-muted); background: var(--c-bg);
}
.cln-compare__meta { padding: 12px 14px; font-size: 13px; }
.cln-compare__meta p { margin: 6px 0 0; color: var(--c-text-muted); }
.cln-compare__params { font-size: 12px; }

@media (max-width: 720px) {
    .cln-compare { grid-template-columns: 1fr; }
}
/* === MODUL: Foto müqayisəsi — SON === */

/* === MODUL: Parametrlər — BAŞLANĞIC === */
/* Sistem parametrləri (Paket 15). Rənglər app.css palitrasından. */

.set-table td { vertical-align: middle; }
.set-table small { display: block; font-size: 11px; color: var(--c-text-muted); text-transform: uppercase; }
.set-desc { font-size: 13px; color: var(--c-text-muted); max-width: 320px; }
.set-secret { color: var(--c-text-muted); font-size: 13px; }
.set-check { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.set-json { font-family: ui-monospace, monospace; font-size: 13px; }

@media (max-width: 640px) {
    .set-desc { display: none; }
}
/* === MODUL: Parametrlər — SON === */

/* === MODUL: Klinika ayarları — BAŞLANĞIC === */
/* Klinika ayarları (Paket 17). Rənglər app.css palitrasından. */

.cln-set-sub { margin: 18px 0 8px; font-size: 14px; font-weight: 600; color: var(--c-text-muted); }
.cln-set-example {
    margin: 16px 0 0; padding: 12px 14px; border-radius: 6px;
    background: var(--c-bg); font-size: 14px;
}
.cln-set-list { list-style: none; margin: 0; padding: 0; font-size: 14px; }
.cln-set-list li { padding: 6px 0; border-bottom: 1px solid var(--c-border); }
.cln-set-list li:last-child { border-bottom: 0; }
.cln-set-list small, .cln-set-user small { color: var(--c-text-muted); font-size: 12px; }

.cln-set-users { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 8px; }
.cln-set-user {
    display: flex; align-items: flex-start; gap: 8px; padding: 10px 12px;
    border: 1px solid var(--c-border); border-radius: 6px; font-size: 14px;
}
.cln-set-user small { display: block; }
/* İşçi kartı olmayan seçim: məktub getməyəcək. */
.cln-set-user.is-warning { border-left: 3px solid var(--c-warning); }

.cln-set-dl { display: grid; grid-template-columns: minmax(120px, 30%) 1fr; gap: 6px 16px; margin: 0 0 16px; font-size: 14px; }
.cln-set-dl dt { color: var(--c-text-muted); }
.cln-set-dl dd { margin: 0; }

.cln-set-cron {
    background: var(--c-bg); border: 1px solid var(--c-border); border-radius: 6px;
    padding: 12px 14px; font-size: 12px; overflow-x: auto; white-space: pre;
}

@media (max-width: 640px) {
    .cln-set-dl { grid-template-columns: 1fr; }
    .cln-set-users { grid-template-columns: 1fr; }
}
/* === MODUL: Klinika ayarları — SON === */

/* === MODUL: Pasiyent kabineti — BAŞLANĞIC === */
/* Pasiyent kabineti (Paket 20). Rənglər app.css palitrasından. */

.prt-shell { max-width: 960px; margin: 0 auto; padding: 0 16px 40px; }

.prt-top {
    display: flex; align-items: center; justify-content: space-between;
    padding: 18px 0; border-bottom: 1px solid var(--c-border);
}
.prt-top__brand { font-weight: 700; color: var(--c-primary); }
.prt-top__user { font-size: 14px; text-align: right; }
.prt-top__user small { display: block; color: var(--c-text-muted); font-size: 12px; }
.prt-top__exit { margin-left: 12px; font-size: 13px; }

.prt-nav { display: flex; flex-wrap: wrap; gap: 6px; margin: 16px 0 24px; }
.prt-nav__item {
    padding: 8px 14px; border-radius: 20px; font-size: 14px;
    background: var(--c-bg); color: var(--c-text); text-decoration: none;
}
.prt-nav__item.is-active { background: var(--c-primary); color: var(--c-surface); }

.prt-title { font-size: 22px; margin: 0 0 20px; }
.prt-block { margin-top: 28px; }
.prt-block__title { font-size: 16px; margin: 0 0 10px; }
.prt-note { font-size: 13px; color: var(--c-text-muted); margin: 10px 0 0; }
.prt-empty { color: var(--c-text-muted); font-size: 14px; }
.prt-mono { font-family: ui-monospace, monospace; font-size: 13px; }

.prt-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.prt-card {
    background: var(--c-surface); border: 1px solid var(--c-border);
    border-left: 4px solid var(--c-primary); border-radius: 10px; padding: 16px;
}
.prt-card--warn { border-left-color: var(--c-warning); }
.prt-card h2 { margin: 0 0 8px; font-size: 13px; color: var(--c-text-muted); text-transform: uppercase; }
.prt-card__value { margin: 0; font-size: 24px; font-weight: 700; }

.prt-bar { display: block; height: 8px; margin-top: 10px; background: var(--c-bg); border-radius: 4px; overflow: hidden; }
.prt-bar__fill { display: block; height: 100%; background: var(--c-primary); }

.prt-table { width: 100%; border-collapse: collapse; margin-top: 12px; font-size: 14px; }
.prt-table th, .prt-table td { padding: 10px 12px; border-bottom: 1px solid var(--c-border); text-align: left; }
.prt-table th { color: var(--c-text-muted); font-size: 12px; text-transform: uppercase; }

.prt-photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.prt-photo { margin: 0; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: 8px; overflow: hidden; }
.prt-photo img { display: block; width: 100%; height: 140px; object-fit: cover; }
.prt-photo figcaption { padding: 8px 10px; font-size: 12px; color: var(--c-text-muted); }

.prt-foot { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--c-border); font-size: 12px; color: var(--c-text-muted); }

/* Girişsiz ekranlar */
.prt-auth { display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 20px; }
.prt-auth__box { width: 100%; max-width: 420px; background: var(--c-surface); border: 1px solid var(--c-border); border-radius: 12px; padding: 28px; }
.prt-auth__box h1 { margin: 0 0 12px; font-size: 20px; }

@media (max-width: 640px) {
    .prt-top { flex-direction: column; align-items: flex-start; gap: 8px; }
    .prt-top__user { text-align: left; }
    .prt-cards { grid-template-columns: 1fr; }
}
/* === MODUL: Pasiyent kabineti — SON === */

/* ==========================================================================
   Tasks modulu
   `.board` və `.board__column` artıq Scheduling modulundan mövcuddur və
   təkrar elan edilmir. Burada yalnız tapşırıq kartına aid siniflər var —
   Scheduling-in `.board-card` sinfi ilə qarışmasın deyə ad `board__card`-dır.
   ========================================================================== */

.board__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }

.board__card {
    display: block;
    background: var(--c-bg);
    border: 1px solid var(--c-border);
    border-left: 3px solid var(--c-border);
    border-radius: var(--radius);
    padding: 10px 12px;
    margin-bottom: 8px;
}
.board__card.is-overdue { border-left-color: var(--c-danger); }
.board__title { font-weight: 500; display: block; margin-bottom: 6px; }
.board__meta { display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 4px; }
.board__related { color: var(--c-text-muted); font-size: 12px; margin-bottom: 6px; }
.board__foot { display: flex; align-items: center; justify-content: space-between; font-size: 12px; }

/* Detal kartındakı ad/dəyər cütləri */
.detail-grid { display: grid; grid-template-columns: 160px 1fr; gap: 6px 16px; margin: 0; }
.detail-grid dt { color: var(--c-text-muted); font-size: 13px; }
.detail-grid dd { margin: 0; }

.card__section { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--c-border); }

/* Yoxlama siyahısı */
.checklist { list-style: none; margin: 0; padding: 0; }
.checklist__item {
    display: flex; align-items: center; gap: 8px;
    padding: 6px 0; border-bottom: 1px solid var(--c-border);
}
.checklist__item:last-child { border-bottom: none; }
.checklist__item.is-done span { color: var(--c-text-muted); text-decoration: line-through; }

/* Şərhlər */
.comment-list { list-style: none; margin: 0 0 16px; padding: 0; }
.comment { padding: 10px 0; border-bottom: 1px solid var(--c-border); }
.comment:last-child { border-bottom: none; }
.comment__meta { display: flex; gap: 10px; font-size: 12px; margin-bottom: 4px; }
.comment__body { white-space: pre-wrap; }

/* İki sütunlu forma sətri — dar ekranda avtomatik alt-alta düşür */
.form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0 var(--gap); }

.filter-bar__check { display: flex; align-items: center; gap: 6px; font-size: 13px; white-space: nowrap; }

.text-danger { color: var(--c-danger); }