.tools-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px }
.tool-card {
  background: var(--color-navy-light); border: 1px solid rgba(196,163,90,.3); border-radius: 14px;
  padding: 22px; cursor: pointer; border-width: 1px; border-style: solid; text-align: right; font-family: inherit;
}
.tool-card .tool-title { font-size: 16px; font-weight: 700; margin-bottom: 6px }
.tool-card .tool-desc { font-size: 13px; color: var(--text-70) }
.tool-card.locked { filter: grayscale(1); opacity: .55 }
.tool-card:not(.locked):hover { border-color: var(--color-gold) }

/* ---- فرم ثبت Login معاملاتی (مودال، کارت اکسپرت) ---- */
.tl-overlay {
  position: fixed; inset: 0; background: rgba(8,12,24,.72); z-index: 50;
  display: flex; align-items: center; justify-content: center; padding: 20px;
}
.tl-modal {
  width: 100%; max-width: 480px; max-height: 90vh; overflow-y: auto;
  background: var(--color-navy-dark); border: 1px solid rgba(196,163,90,.5); border-radius: 16px;
  padding: 26px;
}
.tl-modal h3 { font-family: var(--font-heading); font-size: 19px; margin: 0 0 6px }
.tl-modal .tl-sub { font-size: 13px; color: var(--text-70); margin: 0 0 20px }
.tl-modal .field-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px }
.tl-modal select {
  background: var(--color-navy-dark); border: 1px solid rgba(196,163,90,.5); border-radius: 10px;
  color: var(--color-cream); font-family: inherit; font-size: 15px; padding: 12px 14px; width: 100%;
}
.tl-modal input[readonly] { color: var(--text-70); cursor: default }
.tl-modal .tl-actions { display: flex; gap: 10px; margin-top: 18px }
.tl-modal .tl-actions .btn-outline { flex: none; padding: 12px 18px }
.tl-modal .tl-hint { font-size: 11.5px; color: var(--text-70); margin: -4px 0 12px }
.tl-modal .field-error input,
.tl-modal .field-error select { border-color: #a04452 !important }
.tl-modal .field-error-msg { font-size: 12px; color: #a04452; margin: 2px 0 0 }

@media (max-width: 480px) {
  .tl-modal .field-row-2 { grid-template-columns: 1fr }
}
