/**
 * البطاقات (UI::card_open)
 * (جزء من المكونات المركزية: تُحمّل كلها عبر المقبض tnt-components)
 */

.tnt .tnt-card { background: var(--tnt-surface); border: 1px solid var(--tnt-border); border-radius: var(--tnt-radius-lg); box-shadow: var(--tnt-shadow-sm); overflow: hidden; }
.tnt .tnt-card + .tnt-card { margin-top: 20px; }
.tnt .tnt-card__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 22px; border-bottom: 1px solid var(--tnt-border); flex-wrap: wrap; }
.tnt .tnt-card__titles { display: flex; align-items: center; gap: 12px; }
.tnt .tnt-card__icon { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; background: var(--tnt-primary-50); color: var(--tnt-primary); }
.tnt .tnt-card__title { font-size: 16px; font-weight: 700; }
.tnt .tnt-card__subtitle { font-size: 13px; color: var(--tnt-muted); margin-top: 2px; }
.tnt .tnt-card__actions { display: flex; gap: 8px; flex-wrap: wrap; }
.tnt .tnt-card__body { padding: 22px; }
.tnt .tnt-card__body.is-flush { padding: 0; }