/* إضافات تدبير فوق ثيم كوانتوم */
.cv-photo { width: 40px; height: 40px; border-radius: .6rem; object-fit: cover; background: var(--qc-border, #e5e7eb); flex-shrink: 0; display: grid; place-items: center; color: var(--qc-muted); }
.cv-photo-lg { width: 120px; height: 140px; border-radius: .9rem; object-fit: cover; background: var(--qc-border, #e5e7eb); display: grid; place-items: center; font-size: 2.5rem; color: var(--qc-muted); }
.dl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: .9rem 1.25rem; margin: 0; }
.dl-grid dt { font-size: .76rem; font-weight: 600; color: var(--qc-muted); margin-bottom: .15rem; }
.dl-grid dd { margin: 0; overflow-wrap: anywhere; }
.bar-chart { display: flex; align-items: flex-end; gap: .6rem; height: 170px; padding-top: .5rem; }
.bar-chart .col-bar { flex: 1; display: flex; flex-direction: column; align-items: center; gap: .35rem; height: 100%; justify-content: flex-end; min-width: 0; }
.bar-chart .bar { width: 100%; max-width: 46px; border-radius: .45rem .45rem .15rem .15rem; background: var(--qc-accent); opacity: .85; min-height: 3px; }
.bar-chart .v { font-size: .7rem; font-weight: 700; color: var(--qc-text); white-space: nowrap; }
.bar-chart .l { font-size: .72rem; color: var(--qc-muted); white-space: nowrap; }
.money { font-variant-numeric: tabular-nums; white-space: nowrap; }
.tab-count { font-size: .7rem; margin-inline-start: .3rem; }

/* الإعدادات */
.settings-nav .list-group-item.active { background: var(--qc-accent); border-color: var(--qc-accent); }
.setting-row:last-child { border-bottom: 0 !important; }
.swatch { width: 22px; height: 22px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px var(--qc-border-strong); padding: 0; }
.chip-select { display: flex; flex-wrap: wrap; gap: .35rem; max-height: 220px; overflow: auto; }
.chip-select .chip input { display: none; }
.chip-select .chip span { display: inline-block; padding: .2rem .65rem; border: 1px solid var(--qc-border-strong); border-radius: 99px; font-size: .82rem; cursor: pointer; user-select: none; }
.chip-select .chip input:checked + span { background: var(--qc-accent); border-color: var(--qc-accent); color: #fff; }
.logo-preview { width: 120px; height: 64px; border: 1px dashed var(--qc-border-strong); border-radius: .5rem; display: grid; place-items: center; overflow: hidden; background: var(--qc-surface-2); flex-shrink: 0; }
.logo-preview img { max-width: 100%; max-height: 100%; object-fit: contain; }
.logo-preview .bi { font-size: 1.6rem; color: var(--qc-muted); }

/* قوالب السيفي */
.tpl-thumb { display: block; height: 300px; overflow: hidden; background: #e5e7eb; border-radius: var(--qc-radius) var(--qc-radius) 0 0; position: relative; }
.tpl-thumb iframe { width: 794px; height: 1123px; border: 0; transform: scale(.36); transform-origin: top left; pointer-events: none; position: absolute; top: 0; left: 0; }
[dir="rtl"] .tpl-thumb iframe { left: auto; right: 0; transform-origin: top right; }
.tpl-card.is-default { outline: 2px solid var(--qc-accent); }
.tpl-dot { width: 14px; height: 14px; border-radius: 50%; display: inline-block; flex-shrink: 0; box-shadow: 0 0 0 1px var(--qc-border-strong); }
.tpl-preview { position: relative; overflow: hidden; background: #e5e7eb; }
.tpl-preview iframe { width: 794px; height: 1123px; border: 0; transform-origin: top left; position: absolute; top: 0; left: 0; }
[dir="rtl"] .tpl-preview iframe { left: auto; right: 0; transform-origin: top right; }
@media (min-width: 1200px) { .tpl-preview-card { position: sticky; top: calc(var(--qc-topbar-h) + 12px); } }
.palette { width: 34px; height: 34px; border-radius: 50%; border: 2px solid #fff; padding: 0; background: linear-gradient(135deg, var(--p) 0 55%, var(--a) 55% 100%); box-shadow: 0 0 0 1px var(--qc-border-strong); }
.layout-pick { display: grid; grid-template-columns: repeat(5, 1fr); gap: .5rem; }
.layout-pick label { text-align: center; cursor: pointer; }
.layout-pick input { display: none; }
.layout-pick small { display: block; font-size: .72rem; margin-top: .2rem; color: var(--qc-muted); line-height: 1.2; }
.layout-pick .lp { display: block; aspect-ratio: 210 / 297; border: 2px solid var(--qc-border-strong); border-radius: .4rem; position: relative; overflow: hidden; background: #fff; }
.layout-pick input:checked + .lp { border-color: var(--qc-accent); box-shadow: 0 0 0 3px rgba(var(--qc-accent-rgb), .25); }
.layout-pick .lp i, .layout-pick .lp b { position: absolute; display: block; background: var(--qc-accent); }
.lp-classic i { inset: 8% 10% auto; height: 8%; } .lp-classic b { inset: 22% 10% auto; height: 50%; background: repeating-linear-gradient(#cbd5e1 0 2px, transparent 2px 9px); }
.lp-modern i { inset: 0 auto 0 0; width: 34%; } .lp-modern b { inset: 12% 8% auto 42%; height: 60%; background: repeating-linear-gradient(#cbd5e1 0 2px, transparent 2px 9px); }
.lp-elegant i { width: 34%; aspect-ratio: 1; border-radius: 50%; top: 10%; left: 33%; } .lp-elegant b { inset: 45% 10% 10%; border-radius: 6px; background: rgba(var(--qc-accent-rgb), .18); }
.lp-bold i { inset: 0 0 auto; height: 32%; } .lp-bold b { inset: 40% 10% auto; height: 40%; background: repeating-linear-gradient(#cbd5e1 0 2px, transparent 2px 9px); }
.lp-minimal i { inset: 10% 10% auto auto; width: 24%; height: 15%; background: #cbd5e1; } .lp-minimal b { inset: 32% 10% auto; height: 50%; background: repeating-linear-gradient(#e2e8f0 0 1px, transparent 1px 9px); }