/* Account area at the top right (Login as / user / Administration). The rest of the look is the prototype's. */
.atlas-tools { display: flex; align-items: center; gap: 12px; margin-left: auto; font-size: 13px; flex-wrap: wrap; justify-content: flex-end; }
.atlas-tools .loginas { display: flex; align-items: center; gap: 6px; color: var(--navy); font-weight: 600; }
.atlas-tools select { font: inherit; font-size: 13px; padding: 5px 8px; border: 1px solid #c4d3da; border-radius: 8px; background: #fff; color: var(--ink); max-width: 220px; }
.atlas-tools a { color: var(--u-blue, #005FAB); font-weight: 600; text-decoration: none; padding: 5px 10px; border: 1px solid #c4d3da; border-radius: 8px; background: #fff; }
.atlas-tools a:hover { background: var(--u-tint, #EAF2FA); }
.atlas-tools .who { color: var(--navy); font-weight: 600; }
body > header { flex-wrap: wrap; }
@media (max-width: 900px) { .atlas-tools { margin-left: 0; width: 100%; justify-content: flex-start; } }