/* Rename chat mirrors the compact project dialog, without oversized spacing. */
#renameChatModal {
    padding: 20px !important;
    background: rgba(8, 10, 14, 0.68) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}

#renameChatModal .rename-chat-modal {
    width: min(380px, calc(100vw - 40px)) !important;
    padding: 0 !important;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.12)) !important;
    border-radius: 18px !important;
    background: var(--modal-bg, var(--bg-surface, #2d2c29)) !important;
    background-image: none !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.28) !important;
}

#renameChatModal .modal-header {
    min-height: 52px !important;
    padding: 16px 18px 8px !important;
    border: 0 !important;
}

#renameChatModal .rename-chat-eyebrow {
    margin-bottom: 3px !important;
    font-size: 10px !important;
}

#renameChatModal .modal-title {
    font-size: 17px !important;
}

#renameChatModal .rename-chat-form {
    gap: 8px !important;
    padding: 12px 18px 18px !important;
}

#renameChatModal .rename-chat-form label {
    font-size: 12px !important;
}

#renameChatModal .modal-input {
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 13px !important;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.12)) !important;
    border-radius: 10px !important;
    background: var(--input-bg, rgba(255, 255, 255, 0.06)) !important;
    font-size: 14px !important;
}

#renameChatModal .modal-input:focus {
    border-color: var(--border-color, rgba(255, 255, 255, 0.12)) !important;
    outline: 2px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: none !important;
}

#renameChatModal .rename-chat-actions {
    gap: 8px !important;
    margin-top: 8px !important;
}

#renameChatModal .rename-chat-actions button {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
}

#renameChatModal .rename-chat-actions .btn-primary {
    background: rgba(255, 255, 255, 0.07) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color, rgba(255, 255, 255, 0.12)) !important;
}

#renameChatModal .rename-chat-actions .btn-primary:hover,
#renameChatModal .rename-chat-actions .btn-primary:focus-visible {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: transparent !important;
    outline: none !important;
}