/* Depolar Arası Transfer */
.dt-wrap { padding: var(--space-4); }
.dt-head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-4); }
.dt-title { margin: 0; font-size: var(--fs-xl); }
.dt-sub { margin: var(--space-1) 0 0; font-size: var(--fs-sm); }
.dt-info { background: color-mix(in srgb, var(--blue) 10%, transparent); border: 1px solid color-mix(in srgb, var(--blue) 30%, transparent); color: var(--text); border-radius: var(--radius); padding: var(--space-3) var(--space-4); margin-bottom: var(--space-4); font-size: var(--fs-sm); }
.dt-info a { color: var(--brand); font-weight: 600; }

/* Modal */
.dt-modal { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; }
.dt-results { position: relative; max-height: 240px; overflow: auto; border: 1px solid var(--border); border-radius: var(--radius-sm); margin-top: var(--space-1); }
.dt-results:empty { display: none; }
.dt-result { padding: var(--space-2) var(--space-3); cursor: pointer; display: flex; flex-direction: column; gap: 2px; border-bottom: 1px solid var(--border); }
.dt-result:last-child { border-bottom: 0; }
.dt-result:hover { background: var(--row-hover); }
.dt-result--empty { color: var(--text-muted); cursor: default; }
.dt-result-name { font-weight: 600; font-size: var(--fs-sm); }
.dt-result-meta { font-size: var(--fs-xs); color: var(--text-muted); }
.dt-loading { padding: var(--space-2) 0; font-size: var(--fs-sm); }

.dt-breakdown { background: var(--surface-alt); border-radius: var(--radius-sm); padding: var(--space-3); margin-bottom: var(--space-1); }
.dt-breakdown-h { font-size: var(--fs-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--text-muted); margin-bottom: var(--space-2); }
.dt-breakdown-list { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.dt-chip { font-size: var(--fs-sm); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-full); padding: 3px var(--space-3); color: var(--text-muted); }
.dt-chip.is-pos { color: var(--text); border-color: color-mix(in srgb, var(--green) 40%, var(--border)); }

.dt-grid { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--space-2); align-items: end; }
.dt-arrow { font-size: var(--fs-lg); color: var(--text-muted); padding-bottom: var(--space-2); }
.dt-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3); }
.dt-warn { min-height: 0; }
.dt-warn-txt { display: block; font-size: var(--fs-sm); color: var(--red); padding-top: var(--space-1); }

@media (max-width: 640px) {
  .dt-grid { grid-template-columns: 1fr; }
  .dt-arrow { display: none; }
}