Social Pulse - Lucien's Social Assistant

display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; cursor: pointer; transition: var(--transition); border: none; font-family: var(--font-family); } .reconnect-btn-gmail { background: #ea4335; color: white; } .reconnect-btn-gmail:hover { background: #d33426; } .reconnect-btn-imessage { background: #34c759; color: white; } .reconnect-btn-imessage:hover { background: #2db84e; } .reconnect-btn-messenger { background: #0084ff; color: white; } .reconnect-btn-messenger:hover { background: #0073e6; } .reconnect-btn-disabled { background: var(--color-surface-2); color: var(--color-text-muted); cursor: default; } .reconnect-btn-disabled:hover { background: var(--color-surface-2); } /* Footer */ .footer { background: var(--color-surface); border-top: 1px solid #e0e0e3; padding: 16px 32px; text-align: center; font-size: 12px; color: var(--color-text-muted); } /* Responsive */ @media (max-width: 1024px) { .sidebar { width: 200px; } .people-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } } @media (max-width: 768px) { .main-container { flex-direction: column; } .sidebar { width: 100%; border-right: none; border-bottom: 1px solid #e0e0e3; padding: 16px; flex-direction: row; flex-wrap: wrap; gap: 4px; } .sidebar-logo, .sidebar-sub, .sidebar-section { display: none; } .sidebar-item { padding: 8px 12px; font-size: 13px; } .header { flex-direction: column; gap: 12px; } .main-content { padding: 16px; } .people-grid { grid-template-columns: 1fr; } }

Today