.drive-status { padding-left: 18px; position: relative; font-size: 11px; color: #66736e; }
.top-actions { flex-wrap: wrap; justify-content: flex-end; }
.drive-status::before { content: ""; position: absolute; left: 0; top: 3px; width: 9px; height: 9px; border-radius: 50%; background: #6fa055; }
.drive-button { border: 0; border-radius: 11px; padding: 12px 15px; background: #e4f4c6; color: #274a3b; font-weight: 700; cursor: pointer; }
.drive-button:disabled { opacity: .55; cursor: wait; }
.clear-data-button { border: 1px solid #d7c9c6; border-radius: 11px; padding: 11px 14px; background: #fff; color: #8c443d; font-weight: 700; cursor: pointer; white-space: nowrap; }
.clear-data-button:hover:not(:disabled) { border-color: #bd8d87; background: #fff5f3; }
.clear-data-button:disabled { opacity: .42; cursor: not-allowed; }
@media (max-width: 900px) { .drive-status, .user-email { display: none; } }
@media (max-width: 720px) { .clear-data-button { order: 5; width: 100%; } }
@media (max-width: 560px) { .signout-button { display: none; } }
@media (max-width: 460px) { .drive-button { padding: 10px; font-size: 11px; } }