.dg-footer-tools { display: flex; align-items: center; gap: .5rem; max-width: 100%; margin-left: auto; }
.dg-remote { position: relative; }
.dg-remote-btn { display: flex; align-items: center; gap: .5rem; min-height: 35px; padding: 8px 15px; border: 1px solid #e0e3e8; border-radius: 9px; background: transparent; color: var(--navy, var(--ink)); font-size: .75rem; font-weight: 600; line-height: 1.4; cursor: pointer; list-style: none; }
.dg-remote-btn::-webkit-details-marker { display: none; }
.dg-remote-btn:hover { border-color: #c3c8d0; color: #4b5563; }
.dg-remote-btn:focus-visible { outline: 2px solid #2563eb; outline-offset: 3px; }
.dg-remote-btn i { transition: transform .18s; }
.dg-remote[open] .dg-remote-btn i { transform: rotate(180deg); }
.dg-remote-menu { position: absolute; bottom: calc(100% + 8px); left: 0; width: 190px; padding: 6px; border: 1px solid #e6e8ec; border-radius: 12px; background: #fff; box-shadow: 0 12px 30px #0000001f; z-index: 6; }
.dg-remote-menu a { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 40px; padding: 10px 12px; border: 0; border-radius: 8px; background: transparent; color: #7b8493; font: inherit; font-size: .75rem; text-align: left; text-decoration: none; }
.dg-remote-menu a:hover { background: rgba(0, 0, 0, .04); color: #4b5563; }
.dg-remote-menu a:focus-visible { outline: 2px solid #2563eb; outline-offset: -2px; }
.dg-remote-menu i { font-size: 1rem; color: #4b5563; }
@media (max-width: 480px) {
    .dg-footer-tools { margin-left: 0; }
}