/* Inline completion message */
.typing-ending-message { position: relative; border: 2px solid var(--color-success-500); border-radius: 0.5rem; padding: 1rem; background: linear-gradient(135deg, var(--color-success-50) 0%, var(--color-success-100) 100%); text-align: center; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.typing-ending-content { width: 100%; max-width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.typing-ending-text { font-size: 1.25rem; font-weight: 600; color: var(--color-success-600); margin-bottom: 1rem; line-height: 1.3; }
.typing-ending-shortcuts { background: rgba(255,255,255,0.8); border-radius: 0.5rem; padding: 0.75rem; border: 1px solid var(--color-success-200); font-size: 0.875rem; color: var(--color-gray-600); font-weight: 500; line-height: 1.5; }
.typing-ending-shortcuts kbd { background: var(--color-gray-100); border: 1px solid var(--color-gray-300); border-radius: 0.25rem; padding: 0.25rem 0.5rem; font-family: 'JetBrains Mono', monospace; font-size: 0.75rem; font-weight: 600; color: var(--color-gray-700); box-shadow: 0 1px 2px rgba(0,0,0,0.1); margin: 0 0.125rem; }
.typing-ending-auth { background: color-mix(in srgb, var(--color-primary-500) 10%, transparent); border-radius: 0.5rem; padding: 0.75rem; border: 1px solid color-mix(in srgb, var(--color-primary-500) 30%, transparent); font-size: 0.875rem; color: var(--color-primary-700); font-weight: 500; line-height: 1.5; margin: 0.75rem 0; }
.typing-ending-auth-link { color: var(--color-primary-500); text-decoration: none; font-weight: 600; margin: 0 0.25rem; padding: 0.25rem 0.5rem; border-radius: 0.25rem; transition: all 0.2s ease; }
.typing-ending-auth-link:hover { background: color-mix(in srgb, var(--color-primary-500) 10%, transparent); color: var(--color-primary-600); text-decoration: none; }
.typing-ending-feature-request { margin: 1rem 0 0.5rem 0; }
.typing-feature-request-btn { background: var(--color-primary-500); color: white; border: none; border-radius: 0.375rem; padding: 0.75rem 1.5rem; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); }
.typing-feature-request-btn:hover { background: var(--color-primary-600); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1); transform: translateY(-1px); }
.typing-feature-request-btn:active { background: var(--color-primary-700); transform: translateY(0); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); }

@media (max-width: 768px) {
    .typing-ending-message { padding: 0.75rem; }
    .typing-ending-text { font-size: 1rem; margin-bottom: 0.75rem; }
    .typing-ending-shortcuts { padding: 0.5rem; font-size: 0.8125rem; }
    .typing-ending-shortcuts kbd { font-size: 0.6875rem; padding: 0.1875rem 0.375rem; }
    .typing-ending-auth { padding: 0.5rem; font-size: 0.8125rem; margin: 0.5rem 0; }
    .typing-ending-auth-link { margin: 0 0.125rem; padding: 0.1875rem 0.375rem; font-size: 0.8125rem; }
}