/* =========================================================================
 *  DimaDraw — app.css
 *  سبک‌های کامپوننت‌ها (وابسته به theme.css)
 * ========================================================================= */
@import url("theme.css");

/* ---------- دیالوگ‌های بیشتر ---------- */
.modal-head .icon-btn{margin-inline-start:auto}
.tpl-preview svg{stroke:var(--fg-2)}

/* ---------- کتابخانهٔ شکل ---------- */
.shape-item svg{overflow:visible}

/* ---------- آیتم‌های منو ---------- */
.menu-pop{max-height:80vh;overflow-y:auto}

/* ---------- درخت شیء ---------- */
.tree-item{
  display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:4px;
  font-size:11.5px;color:var(--fg-1);cursor:pointer;
}
.tree-item:hover{background:var(--bg-3)}
.tree-item.selected{background:var(--accent-soft);color:var(--accent)}

/* ---------- نوار پیشرفت ---------- */
.progress{height:3px;background:var(--bg-3);border-radius:2px;overflow:hidden;margin-top:6px}
.progress > i{display:block;height:100%;background:var(--accent);width:0;transition:width .2s}

/* ---------- حالت خاموش ---------- */
.disabled{opacity:.4;pointer-events:none}