.tooling-auth-prompt {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 24px 0;
}
.auth-card {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 2rem 2.5rem;
text-align: center;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
max-width: 300px;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
transition: transform 0.2s ease;
}
.auth-card:hover {
transform: translateY(-2px);
}
.auth-icon {
display: block;
font-size: 2.5rem;
margin-bottom: 0.75rem;
color: #64748b;
}
.auth-card h3 {
margin: 0 0 0.5rem;
font-size: 1.15rem;
color: #0f172a;
font-weight: 600;
}
.auth-card p {
margin: 0 0 1.25rem;
font-size: 0.875rem;
color: #475569;
line-height: 1.5;
}
.auth-button {
display: inline-block;
padding: 0.6rem 1.5rem;
background: #2563eb;
color: #ffffff !important;
border-radius: 8px;
text-decoration: none;
font-size: 0.875rem;
font-weight: 500;
transition: background 0.2s ease, transform 0.1s ease;
}
.auth-button:hover {
background: #1d4ed8;
transform: scale(1.02);
} @media (prefers-color-scheme: dark) {
.auth-card {
background: #1e293b;
border-color: #334155;
}
.auth-card h3 { color: #f8fafc; }
.auth-card p,
.auth-icon { color: #94a3b8; }
}